분류 전체보기

# 호이스팅 이란? 자바스크립트 엔진은 소스코드를 한 줄씩 순차적으로 실행하기에 앞서 먼저 소스코드의 평가과정을 거치면서 소스코드를 실행하기 위한 준비를 한다. 소스코드의 평가 과정에서 자바스크립트 엔진은 변수 선언을 포함한 모든 선언문을 소스코드에서 찾아내 먼저 실행한다. 소스코드의 평가 과정이 끝나면 변수 선언을 포함한 모든 선언문을 제외하고 소스코드를 한 줄씩 순차적으로 실행한다. 자바스크립트 엔진은 선언들이 어디에 있든 상관없이 다른 코드보다 먼저 실행한다. 쉽게 말해 자바스크립트 엔진이 코드를 실행하기 전 선언문을 끌어올리는 것을 말한다. 정확히 말하자면 선두도 끌어 올려진 것 처럼 동작한다. 모든 식별자(변수,함수, 클래스 등)은 호이스팅 된다. # 변수 호이스팅 변수는 3단계에 걸쳐 생성된다..

# Styled Componens styled-components Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾 styled-components.com CSS파일을 따로 만들지 않고 자바스크립트에서 CSS를 사용하게 해주는 라이브러리 CSS-JS 라이브러리 중에 제일 유명함 스타일이 첨부되는 현 컴포넌트에만 영향을 주고 다른 컴포넌트에는 영향을 미치지 못한다. 단점은 자바스크립트내에서 작성하기 때문에 코드가 보다 복잡해질 수 있다. 1. 홈페이지 접속 npm install --save styled-components 설치 2. 사용할 파일에 가서 임포트 ..

리액트 공식사이트 Getting Started – React A JavaScript library for building user interfaces reactjs.org 리액트 베타사이트 React Docs Beta A JavaScript library for building user interfaces beta.reactjs.org Create React App Getting Started | Create React App Create React App is an officially supported way to create single-page React create-react-app.dev TOOL VS Code Download Visual Studio Code - Mac, Linux, Windo..

# 드림코딩 자바스크립트 마스터리 두번째 완강을 하고 다시 쓰는 수강후기 처음들으면 조금 어려울 수 있는데 두번째 들으니 재밌게 들었다. 깔끔하고 지루하지 않은 강의 구성 - 지루해질만하면 다음 주제로 넘어가서 좋다. - 가장 좋았던 부분 중 하나 수업자료 퀄리티가 정말 좋다. 이해하기 쉽게 그림으로 보여주고 설명을 해줘서 그런지 이해하기도 더 수월했다. 퀴즈풀이 - 주제마다 퀴즈가 있어서 배운걸 바로 복습하기에 좋다. - 나만 그럴지는 모르겠는데 퀴즈가 조금 두루뭉실한게 있어서 문제자체를 이해 못하고 풀이강의로 넘어간적이 있어서 그점이 조금 아쉬움 - 그래도 내 실력확인하는데는 정말 좋은듯! 다양한 꿀팁정보 - 큰 장점중 하나였는데 중간중간 현직에서는 어떤지 요즘은 어떤지 등등 꿀팁을 틈틈히 알려준다...

# 프로세스와쓰레드 프로세스(Process)란? 컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램 쓰레드(Thread)란? 어떠한 프로그램 내에서, 특히 프로세스 내에서 실행되는 흐름의 단위 보통 하나의 쓰레드를 가짐 여러개의 쓰레드를 동시에 실행할 수 도 있음 - multithread 한 프로세스 안에서 code, data, heap을 공유함 메모리 구성 : code, data, heap, stack # 동기 처리 함수호출 → 실행컨텍스트 생성 실행컨텍스트는 콜스택에 추가(push) 되고 종료 후 제거(pop) 됨 콜스택(Call Stack) : LIFO(Last In First Out) 라고 부르는 자료구조, 제일 나중에 들어온것이 제일 처음으로 나간다는 뜻 자바스크립트는 단하나의 콜스택을 가짐 (..

#개발자라면 알아야 할 이벤트 이벤트란? ☞ 여러가지 일들을 각각의 상황의 맞게 처리할 수 있는 메뉴얼 같은것 ​ event handler = event listener = event 콜백함수 addEventListener() onclick 을 쓸수도 있으나 지금은 잘 쓰지 않음 ​ 알아둬야 할 이벤트 load change mouseleave scroll submit mouseup resize click keydown blur mousedown keyup focus mouseenter - dbclick 버그가 많아서 잘 쓰지않음 ​ #이벤트플로우(event flow) 프론트엔드 개발자가 목표라면 이벤트에는 어떤 종류가 있고 어떻게 사용하는지 아는것 뿐만 아니라 이벤트가 어떻게 작동하고 있는지 알고 있어야..