항해 중/TIL(Today, I Learned)85 [TIL] 22일차 1) 수정하기 버튼 눌렀을 때 UpdateWord.js로 이동 2) 수정하면 fireStore에 수정된 데이터 반영 3) 로딩 스피너 구현 하면서 state에 is_loaded 데이터가 필요해서 추가 후 전체 수정 4) 수정 페이지 갔을 때 기존에 입력한 값 defaultValue로 띄우기 5) 삭제하기 버튼 눌렀을 때 confirm으로 확인 6) 전체 CSS 수정 (머테리얼 UI 활용) 7) firebase로 배포하기 8) 전체 단어 보기 / 외운 단어 보기 / 못외운 단어 보기 (+완료하기 버튼) + 추가로 멘토님께 숙제를 받았다. (페이징 처리, 전체 보기 / 외운 단어 보기 / 못외운 단어 보기 (+완료하기 버튼)) 오후 9시 지금 완료하기 버튼 만들고 컴포넌트 분리 해서 각 조건별로 출력 하도록.. 2021. 11. 25. [TIL] 21일차 카페 가서 강의 듣거나, 코드 치는 게 진짜 꿀이다. 집에서는 오새봄 엄청 짖어서 정신 사나웠는데 맨날 엄마 카드로 다녀야지 (망고 스파클링 엄청 맛있음) 키워드 : doc -> 참조 데이터 / n.indexOf is not a function 오류 1) doc으로 받아온 반환값은 타입이 document(문서)이기 때문에 참조 데이터이다. const docRef = doc(db, 'dictionary', dictionary_id) 참조값은 데이터를 받아와서 사용 할 수 없기 때문에 (await getDoc(docRef)) 를 사용해서 docRef에 해당하는 데이터를 불러오면 promise 형태로 넘어온다. (await getDoc(docRef)).data() 거기서 내가 원하는 값은 딕셔너리의 형태의 데.. 2021. 11. 24. [TIL] 20일차 firebase 강의 들어도 하나도 모르겠어서, 일단 틀이랑, router, redux, keyframes를 사용해서 구현했다. 팀원분이 멘토님께 질문 해주신 부분 중에서 기억 해두면 좋을 것 같아서 정리 Q. 여러 개의 ref를 하나의 useRef()에 담는 방법은 어떤 게 있나요??👀👀 A1. 각각에 요소에 ref를 넣는다. A2. 값을 가져올 요소들의 부모 요소에 ref를 넣고, 값을 가져온다. A3. ref를 배열 형태로 담아서 배열 index에 각각 담는다. -> 어떤 코드를 썼을 때 효율적인 지 생각 해보면 된다. 내일은 fireStore 강의 듣고, 프로젝트에 접목 시켜야 할 것 같다. 프로젝트 빨리 끝나면 수정 기능도 만들고, 코딩애플 강의 들을 듯 2021. 11. 23. [TIL] 19일차 리액트가 어려운 건 알겠다. 근데... 어려워도 너무 어렵잖아 아직은 초반이니까 코딩애플 강의도 들으면서 이해 해보려고 하자 오늘은 FireBase를 사용해서 백엔드 기능을 서버리스 해서 사용하는 방법을 공부했다. 처음 들어보는 문법과 내용들이라서 아직 이해를 못했고, 멘탈이 터져서 5-1까지만 듣고 오늘은 마무리 2021. 11. 22. [TIL] 18일차 오늘은 멘토님이 어제 강연을 통해 알려주신 공부 방법 중에서 JavaScript.info 문서에서 JavaScript 관련 문서를 하나하나 읽어보면서 더 친해지려고 읽어 보았고, 코딩애플의 리액트 기초 강의를 수강하면서 항해99 리액트 강의 외에도 공부 할 수 있는 길을 하나 만들었다. 아직은 리액트가 많이 낯설다. 강의를 들으면서 개념들이나 각각의 기능들을 어느정도 연결하는 부분들을 어느정도 진행 할 수 있는데 숙제를 진행하면서 처음부터 끝까지 내 생각대로 기능을 구현해보는 부분은 부족한 것 같다. 더 잘하고 싶다는 마음 때문에 마음이 많이 조급 해지는 것 같다. 지금도 잘하고 있다. 아직은 남들보다 느린 것 같고 못하는 것 같을지도 모르지만 멈추지 않고 조금씩이라도 앞으로 걸어가고 있다는 자체가 잘하.. 2021. 11. 20. [TIL] 17일차 오늘은 팀 과제 마무리 하고, 3주차 강의 듣고 복습하고, 항해99 로드맵 세션 강연 해주신 거 듣고 코딩애플의 리액트 강의 신청해서 맛보고, 팀원들이랑 얘기 하고, 공부하면서 기록소 노션도 한번 싹 정리하는 등등 뭘 했는 지 기억도 안날 정도로 순식간에 지나갔다. 이런 날도 하루쯤은 있어야지 아무것도 안했다는 거 아님 열심히 함 2021. 11. 19. [TIL] 16일차 시간별로 정리 하는 건 뭔가..효율성이 떨어지는 것 같아서 중요한 일정들이나 오늘 한 것들 정리 하는 걸로 바꿈 16일차 일정 1) 기능 구현 및 주석 달기 2) S3에 호스팅(배포)하기 - 강의 5-6~5-8 참고 3) 1강부터 3-6강까지 복습 + 남은 강의 수강(3-7강~5강) 4) 팀 과제 진행 5) 2회 항해톡 - 오후 5:00 ~ 오후 6:00 (OSI 7계층, 새로운 정보를 취득하는 Tip, 프로세스 & 스레드) 6) 항해99 온라인 세미나 - 오후 8:00 ~ 오후 9:00(이력서와 면접 필패 공식 + 센스있는 주니어 되기) S3로 프로젝트 호스팅(배포)한 사이트 http://starleave.project.s3-website.ap-northeast-2.amazonaws.com React .. 2021. 11. 18. [TIL] 15일차 15일차 시간표 오전 9:00 ~ 오전 9:30 팀 회의 오전 9:30 ~ 오전 11:00 기능 구현 오전 11:00 ~ 오후 12:00 점심시간 오후 12:00 ~ 오후 1:00 기능 구현 오후 1:00 ~ 오후 2:00 팀 과제 수행 오후 2:00 ~ 오후 5:00 기능 구현 오후 5:00 ~ 오후 6:00 개인시간 오후 6:00 ~ 오후 7:00 저녁시간 오후 7:00 ~ 오후 9:00 기능 구현 styled-components 자동완성 하는 법 2021.11.17 - [더 알아보기/팁] - styled-components 자동완성 패키지 styled-components 자동완성 패키지 자동완성 플러그인을 안깔면 코드가 주황색으로 떠서 일일이 써야 했는 데 아래 사이트 참고해서 styled-comp.. 2021. 11. 17. [TIL] 14일차 14일차 시간표 오전 9:00 ~ 오전 9:30 팀 회의 오전 9:30 ~ 오전 11:00 강의 수강 오전 11:00 ~ 오후 12:00 점심시간 오후 12:00 ~ 오후 1:00 강의 수강 오후 1:00 ~ 오후 3:00 팀 과제 수행 오후 3:00 ~ 오후 3:30 면담 오후 3:30 ~ 오후 5:00 1주차 과제 기능 구현 (원래는 5주차 강의까지 다 듣고 하려고 했는 데 매니저님께 상담을 해보니까 3-6강까지 듣고 앞에 내용들을 과제로 만들어 보면서 이해를 하고 다음껄 하는 게 더 효율적이라고 하셔서 과제 먼저 수행 할 예정!) 오후 5:00 ~ 오후 6:00 저녁시간 오후 6:00 ~ 오후 9:00 기능 구현 + 개발일지, 진행사항 정리 상담 하면서 알게 된 점 프로젝트를 진행 하거나 코드를 짤.. 2021. 11. 16. 이전 1 ··· 5 6 7 8 9 10 다음 728x90
