반응형 개발/React5 [React] React 왕기초 문법 정리 2(아니 이것도 정리한다고?) 1탄에 이어서 작성하도록 하겠습니다. 2022.11.30 - [개발/React] - [React] React 왕기초 문법 정리 1(아니 이것도 정리한다고?) [React] React 왕기초 문법 정리 1(아니 이것도 정리한다고?) React의 완전 기초 문법들을 정리해보려고 합니다. 기초 문법들을 제가 공부한다는 느낌으로 같이 기록 남길 겸..? 공유하는 목적으로 작성합니다.(아주 간단히!!) (문법 정리 목록) export -> import 동 de-bugging.tistory.com 1탄 안 보고 오신 분은 위 포스팅 보고 오시면 됩니다. (문법 정리 목록) export -> import 동치 연산자 if, else 삼항 연산자 setState ...props object.keys(values) `$.. 2022. 12. 1. [React] React 왕기초 문법 정리 1(아니 이것도 정리한다고?) React의 완전 기초 문법들을 정리해보려고 합니다. 기초 문법들을 제가 공부한다는 느낌으로 같이 기록 남길 겸..? 공유하는 목적으로 작성합니다.(아주 간단히!!) (문법 정리 목록) export -> import 동치 연산자 if, else 삼항 연산자 setState ...props object.keys(values) `${변수사용}` ( 따옴표 아님) 1. export -> import React는 라이브러리이기 때문에 다른 라이브러리를 불러오거나 할 수 있습니다. 혹은 다른 파일을 불러오기도 하는데 이때 사용하는 것이 export와 import입니다. python 같은 경우는 import로 파일 경로를 입력하거나 모듈을 사용할 때 import만 입력하면 된다고 하면 React는 import 할 .. 2022. 11. 30. [React 시작하기 2] hello, world! [React 시작하기 1]에 이어서 환경 설정 세팅까지 완료됐으니 "hello, world!"를 찍어봅시다. 2022.11.24 - [개발/React] - [React 시작하기 1] 환경 설정 세팅 [React 시작하기 1] 환경 설정 세팅 윈도우 환경 기준이고, vscode로 진행하겠습니다. 1.Node.js 설치 및 버전 확인 먼저 node.js를 설치해줍니다.(npm은 node.js 설치하면 같이 설치가 됩니다.) https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runti de-bugging.tistory.com 환경 설정 세팅은 위 포스팅을 참고해주시기 바랍니다. React 프로젝트를 생성하고 실행까지 했다면, localhost에 화면까지 띄우셨.. 2022. 11. 24. [React 시작하기 1] 환경 설정 세팅 윈도우 환경 기준이고, vscode로 진행하겠습니다. 1.Node.js 설치 및 버전 확인 먼저 node.js를 설치해줍니다.(npm은 node.js 설치하면 같이 설치가 됩니다.) https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 사이트에 들어가시면 이 화면이 나오는데 여기서 왼쪽 버전을 다운로드하는 것을 추천드립니다. 그 이후 설치하시면 되는데 따로 선택할 것은 없고 쭉 next 누르고 install 누르시면 설치가 완료됩니다. 설치가 잘됐는지 확인하기 위해 새 터미널을 오픈하시고 명령어를 입력하여 확인해줍니다. node -v npm -v 이렇.. 2022. 11. 24. React vs Vue (vs Svelte ??) 많은 프론트엔드 분들은 React와 Vue에 대해서 익숙하실 거라 생각됩니다. Svelte는 요즘 뜨고 있는 기술인데요. 세 개 모두 좋은 성능을 지녔다고 하는데 저도 정확히 알지 못해 정리하는 목적으로 작성하였습니다. [React vs Vue] React와 Vue 둘 중에 뭐가 나은지 고민이신가요? 저도 같은 생각이라 정리해봤습니다.ㅎㅎ 먼저, 둘의 큰 차이점을 보면 React는 라이브러리, Vue는 프레임워크입니다. React는 비교적 자유도가 높아 다른 라이브러리를 끌어다 쓰며 개발자마다 응용 방식에 따라 차이를 보여줄 수 있고, Vue는 프레임워크로 기능이 이미 다 정해져 있기에 정해진 문법으로만 개발을 할 수 있습니다. React 쉽고 단순한 디자인 패턴을 가지고 있습니다. JSX문법을 사용하여.. 2022. 11. 23. 이전 1 다음 반응형
