하.................. 시작하기 앞서, 작성해둔 글이 다 날라갔기에 작성해둔 것 중에서 중요하다고 생각했던 부분들만 정리할 예정이다.React 시작하기리액트 파일을 만드는 방법은 간단하게 2가지가 있다. CRA와 VITE인데, 우린 여기서 VITE를 사용할 것이다.왜냐하면 만들어지는 속도도, 용량도 VITE가 낫기 때문이다. yarn create vite 파일명 --template reactcd 파일명yarnyarn dev (vs code 터미널에서) 이 순서로 명령어를 입력해주면 된다.컴포넌트 컴포넌트를 통해 UI를 재사용이 가능한 개별적인 여러 조각으로 나누는 것이다. 개념적으로 js함수와 유사하다. 리액트에서 컴포넌트를 표현하는 방법 1. 함수형 컴포넌트 정말 쉬운 컴포넌트로, 사용을 ..
화살표 함수 화살표 함수에서 리턴문이 한 줄이라면 리턴과 중괄호를 없애도 된다. 콘솔 로그를 돌리기 위해서는 리턴과 중괄호를 넣은 상태로 돌려야한다. 조건 연산자 = 삼항 연산자 if, else문을 좀 더 간결하게 하기 위해 사용. 조건문 ? 참 : 거짓 이렇게 사용한다. 단축평가 논리 연산자(||, &&)를 활용해서 로직들을 단축하는 것. 1. 논리합연산자( || ) falsy : false, 0, "", null, undifined, NaN 이 외의 것들은 truthy 마찬가지로 if else문을 더 간결하게 사용할 수 있다. if (!user.name){ return "신원미상"};이게 너무 길어서 위 코드가 들어있는 함수의 리턴에 return user.name || "신원미상";이렇게 사용할 수..
변수 선언 매커니즘데이터 저장 및 관리의 필요성으로 인해 변수가 필요하다.변수는 사용자로부터 받은 입력을 처리하거나 계산 결과를 다시 사용해야 할 때, 그리고 효율적인 데이터 관리를 위해 필요하다.변수가 없으면 코드가 복잡해지고 오류가 발생할 확률이 높아지며 확장성과 유지보수성이 떨어진다. 변수를 사용하면 계산된 결과를 다른 여러 함수에서도 활용할 수 있게 되면서 프로그램의 유연성, 효율성, 확장성을 증진심과 함께 재사용성과 유지보수성을 향상시킬 수 있다.let, const, varlet, const, var는 선언되는 위치에 따라서 스코프(유효 범위)가 달라진다. 분류할 수 있는데, 자바스크립트의 주요 스코프 유형은 글로벌 스코프, 블록 스코프, 함수 스코프가 있다. 글로벌 스코프(let, const)..
