💻Front-end 🎨UI, UX 📒Log

호이스팅(Hoisting)이란 ? 호이스팅 ? 호이스팅은 코드가 실행하기 전 변수선언 / 함수선언이 해당 스코프의 최상단으로 끌어 올려진 것과 같은 현상을 말한다. 자바스크립트 엔진은 코드가 실행하기 전 실행 가능한 코드를 형상화하고 구분하는 과정(실행 컨텍스트를 위한과정)을 거친다. 자바스크립트 엔진은 코드를 실행하기 전 실행 컨텍스트를 위한 과정에서 모든 선언 (var, let, const, class)을 스코프에 등록한다. 실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경을 의미하고 실행되기 전 이러한 실행 컨텍스트 과정을 거친다. 이 호이스팅이라는 용어를 자바스크립트 실행 컨텍스트에 의한 위에 설명한 현상을 호이스팅이라고 부른다는 것으로 이해하면 되겠다. 변수 호이스팅 (var, le..

오늘로부터 항해 99 부트캠프의 모든일정이 끝나고 이제 나 혼자의 싸움이 시작되었다. 물론 이력서, 면접 준비를 디폴트로 도와준다고 하지만 그것도 뒷받침일 뿐. 혼자 공부하고 혼자 스펙을 쌓을 경로를 찾으면서 성장해야 된다. 일단 피드백 받은 것부터 수정하여 노션으로 이력서를 완성 시켰다. 이력서만 오늘 작성하는데 시간을 다 소비를 해서 기술 작성은 다음주로 미뤄야 될거 같다. 우선 알고리즘 풀면서 1일 1커밋은 잘 실천하고 있는 단계이고 기술 작성 및 면접 준비, 이력서 검토 및 수정을 하면서 취업에 선택과 집중을 해야겠다.

모각지를 갔다 오고 이력서를 수정하는데 고치고 수정하고를 반복하다가 정 안되서 레퍼런스를 찾아 노션에 쌓아두고 다시 작성을 해야할 것 같다. 모각지까지 끝내고 거의 모든 일정이 끝나니까 슬슬 풀리기 시작하는 것 같다. 이대로는 안될거 같아 모임을 가지든 스터디 그룹을 하든 해야될거 같다 !

자바스크립트란? ES6 버전 추가 된 것은 ? HTML 웹 콘텐츠 구조를 짜고 의미를 부여하는 마크업 언어. 예를들어 문단이 어디고 헤더, 푸터가 어딘지 정의 한다. *마크업 언어 : 태그 등을 이용하여 데이터를 기술한 언어 CSS HTML에 스타일을 적용할 수 있는 스타일 규칙 언어. 예를들어 배경색을 추가하고, 글꼴을 바꿀 수 있다. JavaScript HTML과 CSS는 정적인 언어이다. 정적이라는 것은 이것들이 브라우저를 통해서 웹페이지를 화면에 그려주면 이 화면을 변경할 수 있는 방법이 없는데, JavaScript는 HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 스크립팅 언어이다. 예를들어 탭 인터페이스, Drag & Drop 기능의 웹 어플리케이션을 만들 수 있다. 이 외에도 자바..

오늘 12문 12답을 준비하면서 모각지(다 같이 모여 각잡고 지원)라는 모임에 갔다. 일단 자리가 좁고, 의자가 불편했지만 어떻게 취업을 준비하는지 레크레이션이랑 버디라는 실제 개발자 분들이 오셔서 이력서 피드백도 주시고 조언도 해주면서 나름 도움 되는 모임이였다. 이력서 피드백을 받을때 전체적으로 글이 잘 안읽힌다고 하셔서 노션으로 이력서를 다시 작성하여 눈에 띄고 깔끔한 폼으로 바꾸고 자기소개서, 스킬 분배 등등 노션에 이력서 예시를 보면서 다시 한번 작성을 해보고 이력서를 신청하는 방안으로 실천해봐겠다. 모각코 가느라 오늘 WIL 작성 못하고 급하게 알고리즘 문제도 푸느라 정신없는 하루였다.

게속 광탈로 인한 절망이였던 하루.. 이력서 피드백을 받고 수정을 하면서 느낀건데 큰 기술들만 적어놓고 정작 내가 했던 기술들을 다 안 적으니까 허술했던게 아닐까? 라는 생각이 들었다. 강의나 매니저님 말씀으로는 큰 기술들만 적어놓고 남들이 봤을때 기본적으로 하는 것들은 안 적는게 좋다고 내가 이해했었는데 그게 아니였을지도 모른다. 그래서 내가 한 것들을 다 적어놓고 내일 5:1? 실제면담을 통해 많이 물어보고 이력서 수정을 통해 회사 이력서를 넣을 예정이다. 만약에 그것도 안된다면, 내가 한 프로젝트에 손을 대면서 (코드 리펙토링, 무한 스크롤 부분 useCallback) 쓸 것들을 좀 더 만들거나 포트폴리오를 작성하는 방법이 있다. 트러블 슈팅이 있으면 참 좋을거 같은데 심도있는 트러블 슈팅이 아니다..

React 왜 사용하나요 ? 프론트 엔드 라이브러리, 프레임 워크 ❓ 프로젝트가 커지면서 DOM 요소들 또한 변화가 이루어집니다. DOM 요소들이 변화한다는 것은 렌더 트리 재생성, 요소의 스타일 계산, 레이아웃 구성, 패인팅 하는 과정을 거쳐야 한다는 것과 같다. 즉, 유저 인터랙션이 전달되는 만큼 이와 같은 과정이 계속 반복되어야 한다 이러한 과정이 반복되면 브라우저가 많은 연산을 해야하고 불필요한 리소스를 낭비하게 된다. 이러한 이유로 라이브러리, 프레임워크는 DOM 관리와 상태 변화 관리를 최소화 하여 불필요한 리소스 낭비를 더이상 하지 않게 도와준다. React❓ 페이스북에서 개발하고 관리하는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리 리액트는 가상 돔으로 UI를 빠르게 업데이트 해..

오늘부터 취업을 위한 루틴을 짜면서 지킬려고 노력을 해야겠다. 첫째, 포트 99 매일 확인 후 채용공고가 올라 올때마다 보는 습관, 나온 채용공고 폼을 만든 후 작성 하는 것 둘째, WIL, TIL 작성 셋째, git 알고리즘 메모 (기술도 해야되는데 고민좀 해봐야 될 부분이다) 당장 생각나는 것들을 적었는데 추후 생각나면 더 적어서 실천할 생각이다. port 99에 이력서 넣었는데 중소기업엔 광탈, 스타트업 쪽은 읽음 처리만 되어있고 연락이 없다 아마 광탈 당하지 않았을까... 이력서 수정, 잘하면 포트폴리오도 만들어야 될 판이다. 할 것들을 이렇게 작성 했는데 실천을 해야지 취업 할수 있겠지? ㅜㅜ 화이팅 해보자 !