Front-End14 [React] 리액트, 리액트 설치하기 리액트란? 리액트는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리입니다. 싱글 페이지 애플리케이션 개발에 사용이 되고 Virtual DOM과 JSX 개념을 사용하며 동작합니다. 그리고 컴포넌트 개념을 사용하여 UI 개발을 좀 더 수월하게 해 줍니다. 리액트 설치하기 https://create-react-app.dev/docs/getting-started/ 리액트를 설치하기 전에 Node.js를 먼저 설치가 선행되어야 한다. 터미널에 다음 명령어를 입력한다. npx create-react-app my-app my-app은 설치할 리액트 관련 파일들이 저장될 폴더 이름이다. 지금 현재 위치하고 있는 폴더에 설치를 하고 싶으면 다음 명령어를 입력하면 된다. npx create-react-app . 터.. 2023. 11. 12. [Mac] Homebrew를 사용하여 Node.js 설치하기 Node.js 설치 brew install node 버전을 확인하여 설치가 정상적으로 되었는지 확인한다. node -v npm -v yarn 설치 brew install yarn 잘 설치되었는지 버전 확인하기 yarn -v 2023. 10. 23. [Web] 배열(Array) 코드를 작성할 때 수많은 데이터의 값들을 사용하려면 수많은 변수를 선언하고 그 값들을 변수에 저장해야 한다. 이때 배열을 사용하면 하나의 배열에 여러 데이터값들을 저장할 수가 있다. 배열 선언 var [배열변수이름] = [값, 값, 값, 값]; var array = [1, 2, 3, 4, 5]; 배열에 저장된 값들을 사용하기 위해서는 index를 사용한다. index는 데이터값들이 저장된 위치이다. 맨 왼쪽부터 0으로 시작한다. 형태 배열변수[index]; array[0]에는 1이 저장이 되고 array[1]에는 2가 저장이 되었다. 배열에는 여러 가지 기능을 가지고 있는 속성들이 있다. .length : 배열의 길이를 나타낸다. array.length() .indexOf(값) : 배열에 값이 존재하면 .. 2023. 10. 20. [Web] 변수, 자료형, 조건문(if), 반복문(for, while) 변수 (Variable) 변수는 데이터의 값들을 저장할 수 있는 기억공간이다. 자바스크립트에서는 자료형을 미리 선언하지 않고 사용이 가능하다. 변수 선언 및 할당 변수를 선언하겠다는 의미는 변수를 사용하겠다는 뜻이다. 변수이름 앞에 let을 붙인다. 형태 let [변수이름]; let num; 변수의 선언과 함께 값을 그 변수에 할당할 수 있다. 형태 let [변수이름] = 값; let content = "javaScript"; 변수명 앞에 let 대신 var 또는 const를 사용하여 변수 선언이 가능하다. 변수명 작성 원칙 변수명 첫 글자는 알파벳 문자나 밑줄이어야 하고 두번째 글자부터는 알파벳, 밑줄, 그리고 숫자를 사용할 수 있다. 변수명은 대/소문자를 구별한다. 예약어는 사용할 수 없다. 적절한 .. 2023. 10. 20. 이전 1 2 3 4 다음
