본문 바로가기

wil11

[ WIL ] 내일배움캠프 12주차 Facts TypeScript 기초 다지기 WebSocket 기초 다지기 TodoList 타입스크립트로 리펙토링 하기 Feelings 기존에 React로 만든 프로젝트를 TypeScript로 리팩토링 하는 과정이 쉽지 않았다. 앞으로 다시 한번 더 리팩토링을 해서 TypeScript를 좀더 잘 이해하고 싶다. 이번 프로젝트에서 React Query로 프로젝트를 만들 계획이라 기대된다. Findings TypeScript 기초 문법 WebSocket을 채팅 구현 강의를 보았는데 직접 구현해 보면 좋을 것 같다. Future CSS(Clone Coding Share Space) 프로젝트 잘 마무리하기 프로젝트 완성 후 TypeScript로 리펙토링 해보기 2023. 1. 22.
[ WIL ] 내일배움캠프 11주차 보호되어 있는 글 입니다. 2023. 1. 15.
[ WIL ] 내일배움캠프 10주차 Facts 유저가 회원가입을 했을 때 db에 데이터를 저장할 때 어떤 것들을 함께 저장할지 잘 생각하고 구조를 짜야한다. Feelings SaveDuck 프로젝트의 마감날짜는 지났지만 팀원들의 열정으로 일주일 동안 우리가 만든 프로젝트를 개선시켜보았다. 그리고 튜터님께 피드백을 받았는데 UI/UX는 정말 끊임없이 생각해야 한다는 걸 느꼈다. 우리가 생각지 못한 부분들을 튜터님께서 조언을 해주셨고 덕분에 더 신경 쓰고 발전시켜야 할 부분들을 알게 되었다. 피드백이 끝난 후 다시 찝찝함이 남았고 팀원들도 계속 수정해나갈 의향이 있다고 했다. 앞으로 React Native로 또 다른 프로젝트가 시작되어서 이 프로젝트가 마무리되면 다시 달려보기 했다. 열정 넘치는 팀원들 덕분에 나도 더 열심히 달릴 수 있어서 .. 2023. 1. 8.
[ WIL ] 내일배움캠프 9주차 Facts Firebase연결 시 버전에 따라 사용 방법이 조금 달라진다. Feelings 리액트 리덕스를 firebase에 연결했을 때 상태 관리하는 방법이 어려웠다. Findings 아래와 같이 addItem을 구현해 주었다. const addItem = async (newShoppingItem) => { const docRef = await addDoc(collection(db, dateToString), { date: dateToString, item: '고기', isChecked: false, price: 3000, }); setItemList([ ...itemList, { date: dateToString, item: '고기', isChecked: false, price: 3000, }, ]).. 2023. 1. 2.
[ WIL ] 내일배움캠프 8주차 어려웠던 점 날짜 클릭 시 오른쪽에 있는 shopping list에 날짜 업데이트 하기 주로 코드들이 선택권 4가지가 있다면 선택된 버튼의 내용과 같으면 그것을 레더링 되게 했는데 나는 날짜를 클릭하면 업데이트가 되게 해야 했다. useState와 setState를 나름 이해했다고 생각했는데 완벽히 이해한 게 아니었던 것 같다. useState에 같은 것을 레더링 해도 되는지부터 잘 몰랐다. 하지만 가능했다. 해결 방법 1. 처음에 useState에서 를 설정을 해주었다. 2. 날짜가 클릭되었을 때 ShoppingListTag라는 함수에 '오늘날짜'를 넘겨주었다. 3. ShoppingListTag함수에서 '오늘날짜' 구조를 수정해 준 뒤에 return으로 해주었다. Facts Firebase연결 시 버전.. 2022. 12. 25.
[ WIL ] 내일배움캠프 7주차 Facts 리액트 강의 수강. 알로리즘 스터디에서 함께 매일 알고리즘 문제 풀기. 주말에는 평일에 풀었던 문제 다시 복습했다. 개인 과제인 Todo list redux와 styled components를 사용하여 만들기. 스파르타 리액트 강의 수강. Feelings 리액트로 만든 Todo list를 redux를 사용하여 다시 만들어야 했다. 이때 styled-components도 함께 사용했다. 아직은 프로젝트가 작지만 redux를 사용하니 확실히 다른 컴포넌트들을 사용하기가 쉬워졌다. 처음이라 생각보다 완성하는데 오래 걸렸지만 덕분에 리덕스를 제대로 배우는 한 주가 되었다. Findings styled-components를 사용하여 태그에 붙는 className이 없어서 코드가 조금 더 깔끔하고 간결한.. 2022. 12. 19.
[ WIL ] 내일배움캠프 6주차 Facts 리액트 강의 수강. 앞전 팀원 분들과 시작한 알로리즘 스터디에서 함께 매일 알고리즘 문제 풀기. 주말에는 평일에 풀었던 문제 다시 복습했다. 개인 과제인 Todo list 만들기. 스파르타 리액트 강의 수강. Feelings 스파르타에서 Todo list를 구현하라는 과제를 줬을 때는 정말 못해 낼 것 같았다. 이제 강의를 제대로 듣기 시작한 지 2,3일 밖에 되지 않았고 이제야 component와 props가 잡히기 시작했다. 하지만 하루 종일 에러들을 하나씩 해결하고 출력해보면서 내가 원하는 기능들을 끝내 구현해냈다. 뿌듯했다! Findings 코드를 섰다면 주석을 달자. Future 유데미에서 수강 중인 리액트 강의 계속 수강 하기 스파르타 리액트 강의 수강 하기 알고리즘 스터디 팀원들과.. 2022. 12. 11.
[ WIL ] 내일배움캠프 5주차 Facts 리액트 강의 수강. 새롭게 배정된 팀에서 팀장이 되었다...화이팅! 앞전 팀원 분들과 시작한 알로리즘 스터디에서 함께 매일 알고리즘 문제 풀기 주말에는 평일에 풀었던 문제 다시 복습했다. 자바스크립트 심화 강의 수강 Feelings 팀장이라고 아직 따로 하는 것도 없는데 괜히 긴장이 된다. 앞으로 다가올 리액트 프로젝트를 위해 다들 열심히 달리고 있는데 팀원분들도 열정이 다들 넘쳐서 이번 프로젝트도 너무 기대된다. 자바스크립트 심화 강의를 제공해주신 최원장 튜터님 덕분에 자바스크립트의 흐름을 조금 더 알게 된 것 같다. Findings 데이터 할당이 되는 과정 undefined와 null의 차이점 실형 콘텍스트 toISOString() Future 유데미에서 수강 중인 리액트 강의 계속 수강.. 2022. 12. 4.
[ WIL ] 내일배움캠프 4주차 이번 주 깨달음 문제점 자바스크립트의 강의만 보고 Firebase에서 데이터를 가져오기, 올리기, 필터링 구현을 시작했는데 코드의 세부적인 부분을 이해하지 못해서 에러가 나도 해결하는 데까지 시간이 오래 걸렸다. 해결 방안 코드의 한 줄 한 줄 출력을 해보고 addDoc, getDoc 등 그저 이런 기능을 구현하는구나라고 생각하고 넘기지 말고 정확한 구현 기능을 조금 더 검색을 해보고 사용을 해야겠다. 문제점 메인 페이지 → 특정 신발 페이지 이동시 해당 정보를 가져오는 과정에서 모든 신발들을 가져왔다. 해결 방안 각 신발마다 이름이 달라서 신발의 이름을 기준으로 정보를 가져오기로 했다. 넘겨받은 신발 이름으로 dbService에서 같은 신발의 이름을 가진 정보를 출력하게 했다. // 현재 넘겨 받은 신.. 2022. 11. 28.
728x90

티스토리툴바