Projects19 개발 - menu fetch 오늘 한 내용 menu form 입력시 기존에 있는 메뉴라면 하위 메뉴로 업데이트, 없는 메뉴라면 새로 생성 오늘 배운 내용 기존에 있는 데이터에서 fetch put form에 입력된 메뉴가 있는지 filter로 탐색한 다음 하위 폴더 생성 없다면 새로운 메뉴 생성 캡쳐 소감 이 기능을 하기 위해 얼마나 헤맸던가. fetch를 써본 적도 없고, 데이터를 다룬 적도 없고( 이걸 데이터 다룬다고 표현하기도 웃기지만) 검색해도 안나오고!!!! 구글링을 잘못했나… 진짜 2주는 고민했는데 그냥 내 머리가 시키는대로 다 때려넣으니까 성공했다. 소리질렀다. 역시 컴퓨터는 잘못이 없다. 내 머리부터 논리적으로 생각하려고 노력하자. 오늘 이거 끝내서 너무 개운하고 좋아 죽겠다 아주 😁😁😁😁😁😁😁😁😁😁 2022. 7. 6. 개발 - menu, input, learning page 오늘 한 내용 json server 이용한 데이터 연결 문제 추가 각 메뉴에 따른 데이터 연결과 스타일링 오늘 배운 내용 props 값 오버로드 match가 없다고 뜰 때 styled component typescript에서의 on submit event type styled-components에서의 useRef 사용 캡쳐 소감 개발은 꾸준히 하고 있었는데 제대로 된 일지를 쓰지 않았다. 몰아서 쓰려고 하다보니 어떤 걸 했는지 혼돈이 오기 시작했다. 매일은 아니더라도 2~3일은 넘기지 말자. 오류 일지 learning의 경로가 추가될 수록 navbar style 적용 x learning/없는 데이터 입력 시 empty page 뜨도록 2022. 6. 13. 기획 프로젝트 기획 프로젝트에 대해 프로젝트 명: Study Pop 뜻: 펑..펑..펑…!!! 머리속에서 폭탄 터지듯 지식의 파편이 맞춰지는 공부 도움 웹 사이트 프로젝트 기획 의도 자격증 공부를 할 때 뜻과 의미 둘 다 알아야 하는 경우가 있다. 이때 한쪽만 가리고 싶은데 손으로는 한계가 있다. 그런 경우를 위한 공부 도움 사이트!!! TypeScript를 이용한 첫 프로젝트 PostCSS가 없는 첫 프로젝트 → Styled-Components 사용 프로젝트 기술 스택 Front : React, TypeScript Back: 아직 구현 생각 없음. Firebase 차후 도입 생각 중 (OR Nest.js) 참여자 hae-on ( 나 >< ) 🌧 https://github.com/hae-on 프로젝트 진행 한.. 2022. 6. 7. 자잘한 오류 수정과 배포 오늘 한 내용 자잘한 오류들 해결 배포 https://3tamp.netlify.app 오늘 배운 내용 배포 전 yarn build를 하고 build 폴더를 deploy해야 흰 화면으로 배포되지 않는다. 소감 드디어 모든 프로젝트가 끝났다. 제일 완성도 있는 프로젝트였는데 다른 프로젝트들에 비해 오래 걸리지 않았던 것 같다. 그만큼 나의 실력이 향상 됐다는 것일까? 그래도 부족함을 많이 느꼈던터라 자만하지 말고 열심히 공부하자. 앞으로 만들고 싶은 프로젝트가 많이 남았다. 여태까지는 한단계 발전한 느낌으로 프로젝트를 나름대로 업그레이드하고 있었다. 근데 이제는 코드를 더 깔끔하고 효율성있게 짜는 프로젝트로 나가야하는 것인지 고민이 된다. 아직 아무것도 모르면서 하는 고민 같기도 하지만... 다음 프로젝트는.. 2021. 12. 30. hard mode 완성 + soft mode 완성 오늘 한 내용 도장 on off 도장 여러개 on off soft mode 생성 클릭 날짜 표기 오늘 배운 내용 도장 한개 저장 let hardCliked = hardBox.isClicked; const [isClicked, setClicked] = useState(hardCliked); function toggleStamp() { setClicked(!isClicked); } useEffect(() => { updateHardBox({ ...hardBox, isClicked, }); }, [isClicked]); 도장 여러개 저장 const [isClicked, setClicked] = useState(hardCliked); function toggleStamp(index) { setClicked((s.. 2021. 12. 29. hard mode 개발 3 오늘 한 내용 컴포넌트 삭제 firebase real time database 쓰기, 읽기 오늘 배운 내용 컴포넌트 삭제 const deleteHardBox = (hardBox) => { setHardBoxes((hardBoxes) => { const updated = { ...hardBoxes }; delete updated[hardBox.id]; return updated; }); }; 캡쳐 소감 눈물 좔좔. 너무나 고난의 시간이었다. 이거 해결한다고 다른 것도 다 미루고 뛰어들었다. 밤 12시 넘어서 컴퓨터 끄는 것도 다반사. 하지만 해 결할 때 그 짜릿함은 말로 못한다. 조금 더 발전한 내가 된 것 같아 자랑스럽다. 어제보다 한 걸음만 더 나가자! 오류 일지 firebase 쓰기 이렇게 뒤에 de.. 2021. 12. 21. 이전 1 2 3 4 다음
