React30 2021.02.04 React Style 적용,Styled Components 정리 2021.02.04_React Style 적용, Styled Components_정리노트 드디어 프로젝트가 시작됨 ㅊㅊㅊㅊ 근데 아직 쓰면서도 많이 헷갈리는 것 같다. 오늘은 그나마 스타일 컴포넌트라서 괜찮았는데.. 아마도 다음 포스팅 주제가 될 모달창 같은경우나, 이벤트 설치, props,state 쓰게 되면 대혼란이 올 것 같다... 쨋든 또 주절주절 그만하고 오늘은 인트로 페이지를 만들면서 주가 되는 스타일 적용 방법, 스타일 컴포넌트를 정리하고, 추가적으로 적용해놓은 부수적인 컴포넌트들을 설명해보게씀. 먼저 리액트에서 style 을 적용하는 여러 가지 방법부터 ㄱㄱ inline styling html 태그 안에 직접 입력하는 방법. style={ } 형식으로 입력하며, 안에는 json 형식으로 속.. 2021. 2. 4. 2021.01.25 React Component, JSX 문법 정리 2021.01.25 _React Component, JSX 문법 정리_정리노트 역시..포스팅이 최고 계속 2주동안 이것저것 강의들으면서 정리하니까, 너무 정리도 안되고 강의들어도 처음 듣는 느낌... 포스팅으로 최종적으로 정리정리 여러 블로그, 공식문서등등.. 특히 velopert 님 블로그 중에서 리액트 튜토리얼 포스트..매우 감사합니다..감사합니다.. 쨋든 여러 경로를 통해서 혼자 이것저것 잡다한것만 많이 읽어서 내가 그냥 정리하면서 쓰겠슴! 먼저 component 부터! component 리액트에서는 컴포넌트 단위로 작성하게 된다. 컴포넌트는 프로젝트의 유지보수성을 우수하게 해줄뿐만 아니라, 재사용이 용이하다는 점에서 큰 강점으로 작용한다. index.js 에 들어가면, React.DOM.reder.. 2021. 1. 25. 2021.01.23 React 설치 및 시작 흐름 2021.01.23_React 설치 및 시작 흐름_정리노트 리액트 첫 포스팅.. 도저히 나는 가만히 강의만 듣고 따라해보고 그냥 노션에다가 메모하려니 의지 불충만이라서 오늘도 포스팅의 힘을 빌려서 열심히 정리해봐야겠다. 강의 참고는 생활 코딩 - 리액트 를 참고했다.. 생활 코딩 최고 .. 리액트 시작하기! 공식문서에 보면, 리액트를 시작하는 여러가지 옵션이 있는데, 나는 3번째 새 react 앱 만들기를 선택해서, 리액트를 시작할 수 있는 여러 툴체인을 활용할 것이다. 그 중에 Create React App 으로 들어가면, 이렇게 터미널창에 치라고 나온다. 여기서 npx 는 npm의 5.2+ 버전의 패키지 실행 도구다. npm 이란? node.js 에서 만들어진 여러 앱, 프로그램들을 명령어를 통해 손.. 2021. 1. 23. 이전 1 2 3 4 다음
