MOLLY

1. 내가 구현한 페이지 및 기능2. [Error]  missing in props validation     - props의 타입 검증 방법3. 깨달은 핵심 포인트   (1) Merge   (2) 기획 및 설계, 와이어프레임의 중요성   (3) 완성된 코드를 다른 데에도 저장해두자4. 금일 소감   1. 내가 구현한 페이지 및 기능  총 세 페이지를 맡았다. My Page, Detail Page, Write Page다.CRUD랑, 이미지 업로드, 로그인 된 정보를 가지고 글을 다르게 보여주는 기능 등을 구현하였다. 메인 페이지랑 마이 페이지가 연결되는 부분이 있다 보니 기능의 일부는 안 되는 것도 있었다. 원래 더 일찍 주말에 Merge 해서 기능 완벽히 완성시키고 필수 기능 마무리 작업까지 끝냈어야..

굉장쓰하게 바쁜 연휴였다.연휴 내내 코드를 본 기억 뿐이다. 하지만 재밌었다. 이번에 내가 맡은 기능들이 좀 중요하면서도 어려울 수 있겠다고 생각해서 선택했는데 내 예상이 맞았다.  1. 개발자 커뮤니티 구현2. 문제 : 해결책   ①  작성일시 추가했더니 글 새로 추가하면 화면에 아무것도 안 뜸   ②  [Edit 버튼 클릭]  클릭한 게시물의 id를 갖고 Write Page로 넘어가서 해당 게시물의 내용이 보여야 하는데 안 뜸   ③  import 절대 잊지 말기   ④  내가 맡은 페이지, 기능 구현 완료   ⑤  "상태 관리는 어떻게 하죠?"   ⑥  [Write Page] 새 게시글 작성을 누르면 아무것도 안 보임3. 금일 소감   1. 개발자 커뮤니티 구현  우리 팀은 'Devtiny'라는 개..

오늘은 입문 주차 과제인 To-do List를 구현헀다. React 들어온 지 3주 정도 됐는데, 그동안 공부법과 공부 방향에 대해 엄청 헤매서 시간을 효율적으로 못보낸 것 같다. 이제 제대로 알았으니 늦은 만큼 더 달려서 효율 끝판 찍어야겠다. 1. To-do List 구현 2. 오늘 공부한 내용 ① map과 filter의 차이점 ② find, push, pop, reduce, forEach ③ [함수표현식, 함수선언식 차이] 확실히 알기 ④ 함수에서 return 사용 여부 핵심 정리 && 어떨 때 return 하고, 생략하는지 3. 금일 소감 1. To-do List 구현 시간 재면서 했는데 거의 25분만에 과제 코드 다 작성했다. 이틀만에 React 입문 과제 25분 컷 달성 가능한데 ..

어제 저녁부터 오늘 새벽까지 React 입문 강의 전체 다시 듣고, 중요한 코드는 따라 작성하며 공부했다. 중간중간 나오는 과제는 영상을 멈춘 다음에 내가 직접 코드를 처음부터 끝까지 작성했다. 맞혔을 때는 기분이 매우 좋았고 확실히 공부도 더 잘 되는 게 체감되었다. 1. React 입문 복습 및 코드 2. Counter 코드 및 다짐 3. 금일 소감 1. React 입문 복습 및 코드 입문 강의를 다시 들으며 위와 같이 만들었다. 주차별로 어떤 걸 배웠고 기억해야 할 것은 무엇인지 다시 정리하며 코드를 작성하니 이해도도 높아지고 코드를 직접 작성할 수 있다는 자신감도 형성됐다. 그리고 확실히 지금까지 공부를 잘못된 방향으로 했다는 걸 확실하게 깨달았다. 이렇게 공부하니까 시간도 크게 안 ..

개인과제는 어제 다 끝내서 제출했다. 딱 시작한 날로부터 5일 정도 걸린 것 같다. 하지만 많은 부분을 다른 동기들과 튜터님들께 여쭤보았기 때문에 다시 해보는 필요성이 있겠다 싶었다. 그래서 다시 공부하고 만들어볼 생각이다. 1. 수정 기능 및 props drilling 작업 완료 2. 앞으로의 공부 방향성 - 개발 기획 과정 및 코딩 방법 3. 금일 소감 우선 과제를 하면서 있었던 에러와 해결 과정을 먼저 살펴보자 1. 수정 기능 및 props drilling 작업 완료 자리를 고민하다가 return 안으로 넣고 letters.map을 감싸는 { }를 풀어줬더니 정상으로 작동함! 자리 안착 완료,, 헤맬 때는 '우짜지 우짜지' 싶지만 해결되면 세상 행복한 게 프로그래밍 아닐까요 하핫 그럼 ..

휴.. Router 초반에 등장시켜서 거의 하루라는 시간을 날렸기에 오늘까지 줄곧 밤새워가며 코드를 작성했다. 그래도 이렇게까지 한 보람이 좀 있는 게, 일단 거의 다 완성이 돼간다. Props Drilling이 거의 끝나가서 고지가 보인다. 하지만 오늘 자정까지는 해야 끝날 것 같다. 휴 멈추지 말고 계속 가 1. 삭제 기능 구현 2. Navigate로 Main 페이지 이동 3. 금일 소감 1. 삭제 기능 구현 뭘 하고 싶은지만 알아볼 수 있는 코드를 짰다. 자바스크립트의 confirm과는 형태가 좀 다르게 사용해야 하길래 '어떻게 하지' 하며 삽질 좀 하다가 튜터님께 찾아갔다. 이번에도 아주 자세하게 알려주셨다. 오늘도 잠을 거의 못자서 바로바로 뇌에 입력되진 않았지만 로직은 이해가 갔다..

영차영차 과제를 해나가는 중이다. 최대한 깨있는 상태를 유지하려고 하는데, 계속 밤새우고 조금 자니 오늘은 집중도 안 되고 뇌에도 정보가 잘 입력이 안 되는 느낌이 들어 밤에 조금 자고 지금 글 적는 중이다. 가능한 이번 주말에는 좀 자야겠다,, 1. Error 직면과 문제해결 2. 튜터님께서 알려주신 useState와 useEffect 3. 금일 소감 1. Error 직면과 문제해결 어제까지 해서 Fake API 더미 데이터를 연결하고 map 함수로 돌려서 반환하는 것까지 완료했다. 그리고 각 멤버별로 어떤 카드가 있는지 Filter를 통해 걸러서 보여주는 기능도 완료하였다. 그런데 input에 내용을 넣으면 그게 출력되어야 하는데 이 부분에서 막혀버렸다. 이제 과제 중반 부분인데 하나하나..

꺾이면 안 돼... 오늘 정말 여러 번 꺾일 뻔한 날이다. 해야 할 요구사항이 많아서 요구사항 하나를 정확히 이해하지 못한 상태로 일단 코드를 작성해버려서 더 이상한 곳으로 가버렸다. 코드 짜고 할 게 많아서 오늘 포스팅은 짧을 것 같다. 1. 개인과제 문제 및 해결 2. 방향 재설정 3. 금일 소감 1. 개인과제 문제 및 해결 오늘 정말 한 게 뭔가 싶은 느낌.. ㅠ 부끄럽다. 그래도 써야지. 아무튼 상세 페이지로 연결 작업하려고 에스파 멤버 4명 각각의 상세 페이지를 JSX 파일 만들고 Router로 연결하고 있었다. 그러다가 위 사진처럼 아무것도 안 나오고 에러만 뜨길래 어떻게 해결해야 할지 모르겠어서 튜터님께 갔다. 에러뿐 아니라 하고 있던 코딩이 어렵게 느껴지고 맞게 하고 있는 게 ..

개인과제를 시작했다. 자꾸 과제만 하려 치면 부담감부터 느껴지는 나.. 아 ㅋㅋ 시작이 젤 어려운 거라고 ㅋㅋ... ㅋ... 그래서 바로 시작. 오늘은 Router 개념이 제대로 안 잡힌 나를 위해 Router 개념 특식을 준비했다. 아 ㅋㅋ 진수성찬 아니겠냐고 농담 그만하고 목차 적자면 다음과 같다. 아 그리고 Router 내용에 평소에 궁금했던 404 error 내용이 나오길래 이에 대해서 좀 더 알아보고 작성해보았다. 1. 개인과제 막혔던 부분들 (1) React 절대경로 안 됨 (2) 배경사진 안 들어감 2. Router (라우터) (1) 그건 알겠는데, React-Router는 '왜 사용'하는 걸까? (2) Router 종류 (3) 404(페이지를 찾을 수 없음) 오류 (4) Rea..

아 분명 배웠는데 다시 보는 듯한 이 새로운 짜릿함... 이제 그만 느껴도 좋을 텐데.. 오늘은 헷갈린다기보단 내가 설명할 수 없겠는 개념과 기능 위주로 작성해보았다. 리마인드 + 개념을 정확히 아는 데에 도움이 되리라 생각한다. 1. React와 선언형 라이브러리? 2. 모르는 Hook 정리 (1) useHistory (2) useNavigate (3) useParams 3. 모르는 개념 정리 (1) 프레임워크와 라이브러리의 차이 (2) Batch | [자료구조] Stack, Queue 차이 4. 금일 소감 1. React와 선언형 라이브러리? 선언형 프로그래밍 = 추상적인 코드 [React rendering 특징] 실제 화면을 업데이트하는 게 아닌, 업데이트를 위한 과정이다. React는..