react4 JSX class 는 잘 안쓰지만 형태는 알아둘 것. ( 요즘은 함수 컴포넌트 씀 ) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 'use strict'; class LikeButton extends React.Component { constructor(props) { super(props); this.state = {liked: false}; } render() { if (this.state.liked) { return 'You liked this.'; } return ( this.setState({liked: true})}> Like ); } } Colored by Color Scripter cs function 1 2 3 4 5 6 7 8 9 .. 2022. 12. 9. 오픈소스 리액트 입문 #1 페이스북에서 제작 유저 인터페이스(UI)를 담당하는 라이브러리 (A JavaScript libaray for building user interfaces) 웹과 모바일을 위한 자바 스크립트 라이브러리 : 하나의 언어로 만들어낼 수 있음 ※Angular, Blazor : 프레임워크 React 발전 2011 : facebook 개발 2012 : Instagram 사용 2013 : 오픈소스 2014 : 확장 2015 : React Native React 의 장점 컴포넌트. 독립된 UI 구성요소로 제작 Virtual DOM. 부분 페이지 업데이트 (속도 빠름) 페이스북에서 오픈소스 관리 JSX(JS + HTML) 관련 강의 : https://inf.run/dJq8 React 공부를 시작했다. 화이팅! 강의내용 .. 2022. 11. 26. Create React Project React 프로젝트를 만들어보자 (물론 공식 사이트에 친철히 설명되어있다. https://reactjs.org/docs/create-a-new-react-app.html#create-react-app) 준비물 : VSCode(아니면 cmd), Node.js https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorit.. 2022. 11. 23. VSCode) 'npx' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. React를 공부하려고 다짐한지 1분만에 만나게 된 빨간 오류. 새로 구입한 컴퓨터라 아무 셋팅이 되어있지 않아서 이런 오류가 발생한건가? 하고 고민하다가 발견한... "PS C:\Users\user\D ..... " powershell로 실행했더라 해결방법 간단하게 터미널 추가하는 버튼 옆의 아래 화살표를 눌러서 command propmt를 추가해도 되고 ctrl + shitf+ P 를 눌러서 Command Palette 를 소환하고 Select Default Profile을 선택한 후 Command Prompt 를 선택한다. 단, Command Prompt 를 선택했다고 아래에 있는 Terminal이 바로 cmd로 바뀌진 않는다. 새로 추가해주도록 하자. ※ 그리고 꼭 VSCode를 다시 실행하도록 .. 2022. 11. 23. 이전 1 다음
