[리액트] JSX란?
·
Frontend/React
리액트 시작하기 1. 코드 플레이그라운드 사용하기 CodeSandbox: Online Code Editor and IDE for Rapid Web Development Optimized for frameworks Custom environments built specifically for React, Vue, Angular, and many more. codesandbox.io CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io..
리액트 참고하면 좋은 사이트들
·
Frontend/React
참고하면 좋은 사이트 1. 리액트 공식 사이트 https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 주요개념 탭안에 내용 참고하면 좋음 2. CRA 공식 사이트 https://create-react-app.dev/ Create React App Set up a modern web app by running one command. create-react-app.dev 3. 리액트 1도 모르는 사람을 위한 튜토리얼 https://velopert.com/3613 누구든지 하는 리액트: 초심자를 위한 리액트 핵심 강좌 | VELOPERT.L..
[ES6] Spread Operator (전개 구문)
·
Frontend/JavaScript & Jquery
Spread Operator반복 가능한(iterable) 객체에 적용할 수 있는 문법 배열이나 문자열 등을 아래처럼 풀어서 요소 하나 하나로 전개시킬 수 있음 1. Array에 붙이면 대괄호를 제거해줌var array = [1, 2, 3, 4];console.log(...array);2. 문자에 붙이면 대괄호를 제거해줌     - 문자는 유사배열이라고 생각하자 (대충 배열이라는 뜻)     - 문자 인덱싱      - 문자도 Array처럼 인덱싱이 가능함 (진짜 Array는 아님)var letter = 'hello';console.log(letter[1]);var letter = 'hello'console.log(...letter); Spread Operator를 어디에 쓰면 좋을까?1-1. Array ..