내배캠 4기 React - WIL (12) 썸네일형 리스트형 230121 12주 차 - WIL 최종 프로젝트 전 마지막 심화 프로젝트 시작.. 소통도 실력도 좋은 팀원들을 만나 꽤 진행이 잘되고 있는 거 같다. 사실상 나는 지금 개인 공부가 절실한 상황이지만 팀 프로젝트이니 팀원들께 폐 끼치지 않고 정말 사소한 것일지라도 내가 맡은 건 열심히 해볼 것이다. 안되면 안된다고 어떤 게 안되는지 뭘 못하겠는지 팀원들에게 얘기를 하고 양해를 구할지언정 일단 해보자! 지금의 나는 초심으로 다시 돌아가 정신 상태부터 다시 세팅을 해야 할 거 같다. 내가 왜 코딩을 시작하게 되었는지 내가 지금 어떤 부분이 정확하게 안되는건지 어디까지 내가 진짜 할 수 있는지 정말 나는 열심히 해왔다고 자부할 수 있는지 내 자신에게 질문하고 답하는 시간을 가져야 할 거 같다. 230115 11주 차 - WIL 이번 주차는 개인적인 일로 힘들어서 제대로 집중 못했고 공부도 많이 못했다. 그래서 쓸게 없다.. 다음 주차부터는 진짜 정신 바짝 차리고 멘탈 잘 잡고 나아가야겠다. 220108 10주 차 - WIL 어느덧 10주 차가 되었다. 그동안 정말 많은 걸 배웠지만 정작 기억 속에 남는 건 왜 많이 없는 것인지 도통 알 수가 없네.. 프로젝트를 시작할 때 마다 기초 개념이 부족한 거 같아서 기초 개념을 공부하다가 또 프로젝트가 시작되면 새로운 걸 배워서 그전에 공부했던 것들이 기억이 나질 않는다. 뭐가 문젤까... 네이티브 프로젝트를 하고 있는데 폰에 화면이 딱딱 뜨는 게 신기하지만 웹보다는 정이 덜 가는 느낌이다 리액트, 리덕스라도 제대로 완벽하게 익혀야 어떻게든 취업을 할 텐데 앞으로 공부를 어떻게 적절하게 배분해서 새로운 거와 기존 거를 같이 할 수 있을지 생각해봐야 할 거 같다. 230101 9주 차 - WIL 2023년이다!! 9주 차를 마무리하면서 새해를 맞이했다. 9주 동안 정말 많은 걸 배웠고 많은 걸 경험했다. 아직도 너무너무 어렵지만 잃어가던 흥미가 다시 되살아난 거부터 너무 좋고 앞으로 남아 있을 프로젝트들이 무척이나 걱정이 되지만 지금 이 페이스대로 잘 간다면 수료까지 잘 마칠 수 있을 거 같다. 221225 8주 차 - WIL 또 프로젝트가 시작됐다 아직 리덕스도 제대로 이해 못했는데 큰일이다 프로젝트 ptsd.... 이번에도 모달을 맡았다 저번이랑 다른점은 리액트를 이용해서 모달을 띄우는거라서 구글링을 열심히 해서 성공시켰다! const [modalOpen, setModalOpen] = useState(false); state 초기값에 boolean값을 주면 된다. 그리고 모달을 불러오는 컴포넌트에 이 코드를 넣어주면 된다. 여기서 ModalBox2는 모달 컴포넌트고 props로 comment와 setModalOpen을 내려주고 있다 {modalOpen && ( )} 221218 7주 차 - WIL 이번 주는 TodoList를 완성하는 것에 집중했다. 덕분에 이해가 안 됐던 함수들을 이해하게 됐고 로직을 어떻게 짜내려가야하는지도 조금은 알게 됐다. 프로젝트도 곧 다가오고 리액트 숙련, 심화 강의 등 할 게 너무도 많지만 하나라도 제대로 소화하고 넘어가야 할 거 같아서 마음을 조급하게 먹지 않고 천천히 나아가기로 했다. TodoList를 100%는 아니지만 90% 정도 완성하고 처음 여기 들어왔을 때의 나를 돌아보면 지금 꽤 성장했다고 말할 수 있을 거 같다. 항상 불안하고 자존감이 바닥을 치고 마음은 급해서 공부에 집중도 못하고 그랬지만 이제 이런 나 자신을 받아들이고 남들과의 비교를 멈추고 나니 비로소 내가 해야 할 것들이 보였다. 나는 앞으로도 느리지만 천천히 성장하는 것에 의의를 두고 한 발 .. 221211 6주 차 - WIL App.jsx가 우리가 작업할 공간 return 안에 하위 컴포넌트를 넣어줌! return ( My Todo List ); App의 하위 컴포넌트들은 props를 받을 수 있다. 컴포넌트 이름 태그 안에 props를 써주면 됨! 여는 태그와 닫는 태그 사이에 있는 text가 기본 children props가 된다. export default function Header({children}) { return ( {children} ); } // children : My Todo List 리액트는 사용자가 만들어 놓은 .jsx코드를 렌더링 함 state와 props의 변화에 따라 동적으로 렌더링을 함 const [todo, setTodo] = useState ☞ setTodo를 해서 state를 변경. st.. 221205 5주 차 - WIL 어떻게 지나갔는지도 모를 5주 차... 앞으로 어떻게 공부를 해야 할지 계획표도 짜고 미니 프로젝트 조 대원이랑 같이 유료 강의를 사서 하루 의무량을 정하고 체크하는 스터디 모임도 만들었다. 혼자 하는 거 보다 같이 공부하니 확실히 공부도 잘되고 좋은 거 같다. 그리고 원장님 기초 보충 강의도 시작했다. 기초 공부를 아무리 해도 그렇게 이해가 안 가더니 원장님 강의는 역시 짱...!! 앞으로 시작되는 리액트 강의도 열심히 듣고 모자란 자바스크립트 공부도 빡시게 해야겠다!! 이전 1 2 다음