전체 글

TIL] 표현식과 문

표현식과 문 값 값은 표현식이 평가되어 생성된 결과를 말합니다. 여기서 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미합니다. 리터럴 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말합니다. 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성합니다. 표현식 표현식은 값으로 평가될 수 있는 문입니다. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조합니다. 문 문은 프로그램을 구성하는 기본단위이자 최소 실행 단위입니다. 문은 여러 토큰으로 구성되는데 토큰이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 말합니다. 예를 들어 키워드, 식별자, 연산자, 리터럴, 세미콜론이나 마침표 등의 ..

TIL] 프로그래밍과 변수

프로그래밍 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션입니다. 프로그래밍이란 0과 1밖에 알지 못하는 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업이라 볼 수 있고 이러한 이유로 문제 해결 방안을 고려할 때 컴퓨터의 입장에서 문제를 바라봐야합니다. 이때 필 요것이 컴퓨팅 사고입니다. 렌더링 렌더링이란 HTML, CSS, 자바스크립트로 작성된 문서를 해석해서 브라우저에 시각적으로 출력하는 것을 말합니다. 때로는 서버에서 데이터를 HTML로 변환해 브라우저에게 전달하는 과정 서버사이드 렌더링(SSR)을 가리키기도 합니다. 변수 변수는 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념입니다. 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간..

TIL] 리액트 기초복습

Component에서의 데이터 관리 state 컴포넌트가 가지고 있는 데이터입니다. 자신의 데이터이기 때문에 마음대로 수정이 가능합니다(삭제, 새로 만들기 가능) 클래스형 컴포넌트에는 state가 존재하지만 함수형 컴포넌트에는 state가 없습니다. 하지만 리액트 훅을 사용하면 함수형에서도 state가 사용 가능합니다 props 부모에게 받아온 데이터입니다. 부모에게 받아온 데이터이기 때문에 생성, 수정, 삭제가 불가능합니다. 더욱 자세한 내용은 아래에서 알아보도록 하겠습니다! 라이프 사이클 DOM DOM은 html 단위 하나하나를 객체로 생성하는 모델이며 트리구조로 이루어져 있습니다. DOM은 트리 구조이기 때문에 하나가 수정될 때 수정할 것을 찾고 전부 수정하게 된다면 쓸데없는 연산이 너무 많이 일어..