지금까지 유데미 섹션에서 가장 어려웠고, 한편으로는 그동안 자바스크립트를 공부하면서 이해하기 힘들거나 애매하게 넘어갔던 부분을 제대로 해소했던 섹션이었다. 복습도 좀 제대로 해주고자 한다. 🌱CALL STACK 우리가 작성한 코드가 여러개의 function call을 요구할 때, 자바스크립트는 call stack 위에 함수를 올려놓고 스택 처리 방법(FIFO)으로 주어진 function call을 진행한다. 호출된 함수를 스택 제일 위에다 두고, 그 함수를 처리한 뒤, 방금 처리한 함수를 스택 위에서 삭제하는 방식이다. 다음 코드는 삼각형의 세 변의 길이가 주어졌을 때 그 삼각형이 직각삼각형임의 여부를 알려주는 함수(isRightTriangle)를 콜하는 과정이다. const multiply = (x, ..
중요한 내용인 것 같아 수업내용 이외에 블로그에 전체적인 수업 흐름을 기록하고자 한다. Events : Respondingto user inputs and actions. 브라우저가 user events를 통해서 'listen for'할 수 있는 이벤트의 종류는 매우 많다. (clicks, drags, hovers, scrolls, form submission, key press, mouse wheel, copying&pasting, screen resizing..) 유저가 web page에 무언가를 더함에 따라 웹페이지는 그것에 반응하여 유저에게 웹페이지의 콘텐츠를 보여준다. "in respond to"라는 단어를 강조하심.. event listen엔 여러가지 방법이 있는데, 일단 아래 html예시를 ..
리액트에서 props는 다음과 같이 사용된다. 자식 컴포넌트에서 function을 아래와 같이 만들면, function ChildComponent(props) { const name = props.name; const age = props.age; return ( 내 이름은 {name}이고 나이는 {age}살이야. ); } export default ChildComponent; 부모 컴포넌트에선 위 코드를 import한 뒤, 위와같이 props로 특성을 넣어준 뒤 부모 컴포넌트에서 렌더링하는 것이다. porps는 기본적으로 정적이다. 한 번 부모 컴포넌트에서 자식에게 값이 전달되면 바뀌지 않는다. 이게 무슨 말이냐면, 만약 부모 컴포넌트에서 일어난 연산으로 인해 name(부추) 혹은 나이(23)이 바뀌어..
들어가기 전에! 기초적인 내용, 꼭 알아야하는 내용 위주로 들어가있다. 초보 공부를 위한 '정리'목적으로 작성했다. 왜 이건 없냐 하지말라는 뜻이다. 새로운걸 계속 추가할 예정이니까! 그리고 자바스크립트의 아주 기본적인 문법은 다 안다고 가정한다! 기본문법은 어려운거 아니잖아요 ㅎㅎ 🌱 JavaScript란? 객체 기반의 스크립트 언어(응용 프로그램을 제어함)로, 주로 웹 브라우저의 동작에 관여한다. 웹 개발자의 혼란을 줄이고 웹개발 표준을 설정하기 위해 EcmaScript(ES)라는 표준이 설정되었고, 과거부터 현재까지 계속 버전이 발전되어 오는 중이다. 현재 ES11 이상의 버전이 나왔지만, 대부분 자바스크립트가 동작하는 크롬 등의 브라우저, 리액트, 노드 등이 ES6 위에서 돌아가므로 많은 사람들이..