전체 글400 [TIL] 진짜 알찼던 월요일, 오늘의 개발일지 오늘은 진짜 오후, 저녁 , 그리고 새벽까지 정말 열심히 공부했다 오후에는 팀분들과 함께, 리액트 입문 과제 코드리뷰를 했고 저녁에는 후발대 강의를 들었다 리액트 입문 과제를 진짜 5번은 반복한 것 같은데, 처음보다 확실히 이해가 잘되었다 후발대 강의 들으면서, 리액트 TodoList 코드를 어떻게 작성해야 하는지 하나하나 다 정리한 내용 1. 터미널에서 yarn create react-app 프로젝트명 으로 리액트 프로젝트를 만든다. 2. app.js를 app.jsx로 바꿔준다. -> 컴포넌트가 들어간 파일은 왠만하면 다 jsx로 바꾸기 3. app.js에서 컴포넌트 어떤거 만들지 구상 4. 컴포넌트 파일 만들고, 컴포넌트 생성(InputForm, TodoList), app.js에서 임포트하기 5. 각.. 2022. 12. 13. [etc] 계속 쓰고는 있었는데, yarn과 npm의 차이가 무엇인교 npm과 yarn npm과 yarn은 자바스크립트 런타임 환경인 노드(Node.js)의 패키지 관리자이다. 전 세계의 개발자들이 자바스크립트로 만든 다양한 패키지를 npm 온라인 데이터베이스 (opens new window)에 올리면 npm, yarn과 같은 패키지 관리자를 통해 설치 및 삭제가 가능하다. 자바스크립트 패키지 관리자란 패키지 : npm에 업로드된 노드 모듈 다양한 자바스크립트 프로그램이 패키지라는 이름으로 npm에 등록되어 있고, 패키지가 다른 패키지를 사용할 경우 의존 관계를 가지기도 한다고 한다. npm 이란? NPM(Node Package Manager)은 자바스크립트 언어를 위한 패키지 관리자로, Node.js의 기본 패키지 관리자이다. NPM을 이용하여 개발자들이 Node패키지를.. 2022. 12. 12. [WIL] 주말이 더 알찬건 왜때문이죠? 오늘의 개발일지 지난 주에 해결 못했던 투두리스트 '완료'버튼 눌렀을때 Done으로 가고 '취소'버튼 누르면 다시 Working으로 가게 기능 구현 완료~~!! 요건 TextInput.js에 들어간 내용!! const onChangeHandler = (event) => { const { name, value } = event.target; // event.target의 name 뭐지?? // todoItem이 name console.log("event.target의 name?", event.target.name); //key : value값으로 넣고 싶을때, (key값이 안정해져있으면) // 대괄호를 써서 key네임을 넣는다. setNewTodo({ ...newTodo, [name]: value }); }; const .. 2022. 12. 11. [TIL] 오늘의 개발일지 수요일에 치과치료를 받고오느라 참석못했던 리액트 입문과제 녹화본을 오전에 들었다 튜터님이 말씀하신 말 중에 인상깊은 말 '어렵다 생각하지 말고, 이게 내 지식이 될거라는 기대를 가지셔야되요' 본격 리액트 강의 들어가면서 아직은 낯선 리액트에 기가 죽어가는 것 같았는데 이 어려워보이는 것들이 나중엔 내 지식이 된다 라고 생각을 하니 '뭐야 나 대단하자나?!' 라는 생각으로 바뀌어버렸다 ㅎㅎ 아무래도 리액트 강의 내용이 부족한 것 같아 주말까지 필수 자바스크립트 문법 복습(이번엔 백지에다가 코드를 치면서 연습하자) 리액트 강의를 보충해서 들어야겠당 1. 리액트 입문 과제 녹화본 시청 2. cs특강 3. 리액트 입문 과제 수정 완료 4. 리액트 강의 추가수강 2022. 12. 9. [TIL] 아쉬운 점이 많이 남는 오늘의 개발일지 오늘은 리액트 심화 강의를 들었는데, 지금까지 강의들은 '이 정도 퀄리티를 가진 강의를 들을 수 있어 진짜 행복하다' 라고 생각이 든 적이 많았는데 부트캠프를 하면서 , 처음으로 아쉬운 점이 많이 남는 강의가 그것도 하필이면 리액트 강의라서 아쉽다 but, 어디까지나 강의는 나의 공부를 '도와주는' 역할이지, 나를 잡아끌고가주는 거라곤 생각하지는 않는다. 잡아끌어줄 수 있는건 나 자신뿐이니까..... 라는 생각은 변하지 않지만!!!!!! 어제 치과치료받고, 주사 부작용인지 아침부터 몸살기가 있어서 진통제 먹고 부상투혼하면서 강의를 완강했는데 하필!!!!!! 리액트 강의가 너무 아쉬웠던 건 팩트다 아쉬우면 아쉬운대로 아쉬운 사람은 나니까 (라임ㅋ) 저 아쉬운 강의를 몇번이고 돌려보면서 아쉽지 않도록 곱씹어.. 2022. 12. 8. [리액트] 리액트 심화 필기노트 1)플러그인 설치하기 2) yarn 에서 styled-components 설치하기 yarn add styled-components 3) 코드 작성 // src/App.js import React from "react"; import styled from "styled-components"; // 1. styled-components를 만들었습니다. // styled 키워드를 사용해서 styled-component방식으로 컴포넌트를 만듦 // 내가 원하면 styled.span 이나 styled.h1 이런식으로 쓸 수 있음 const StBox = styled.div` width: 100px; height: 100px; border: 1px solid ${(props) => props.borderColor}.. 2022. 12. 8. 이전 1 ··· 36 37 38 39 40 41 42 ··· 67 다음
