[WIL] 내일배움캠프 열세 번째 주_React 아웃소싱 프로젝트 결과물 정리

프로젝트 소개 프로젝트명: 쟈-스민 프로젝트 목적: 지도 API를 이용해 독립 서점의 운영 정보를 제공한다. GITHUB https://github.com/heereal/Jasmine 노션 링크: https://react99.notion.site/B-9-a8a272d006344d5dbf5b0d44e8536bc2 배포 링크: https://jasminebook.vercel.app/ 쟈-스민 책의 향기를 따라... 쟈-스민 🌺 jasminebook.vercel.app 튜터님 피드백 프로젝트 피드백 - 작성자: 김기철 튜터 · Issue #36 · heereal/Jasmine usehook사용, 컴포넌트 분리 , 상태관리등을 아주 잘 하셨습니다. useSearch같은 경우 아래 이미지에 보이는 상태가 4개를 ..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2023. 2. 2.
• textsms

[WIL] 내일배움캠프 열두 번째 주_Typescript

드디어 이번 주에 타입스크립트를 배웠다. 스파르타에서 제공되는 강의는 너무 개념적인 내용들이라 처음에는 이해하는 데 어려움이 있었지만 예전에 redux로 만들었던 투두리스트를 타입스크립트를 이용해서 리팩토링하는 과정을 거치면서 타입스크립트를 좀 더 이해하게 된 거 같다. 근데 사실 아직 타입스크립트의 큰 장점은 느끼지 못했고 가끔 발생하는 타입 에러 때문에 번거롭기만 한 기분이다. 아직 규모가 작은 프로젝트만 경험해봐서 그런 걸까? 무튼 컴파일 타임에 에러를 잡아준다는 건 확실히 좋은 거 같다. 앞으로 계속 프로젝트를 경험하다 보면 타입스크립트를 유용하게 쓰게 될 날이 오겠지! Typescript로 리팩토링한 github 링크 https://github.com/heereal/TO-DO-LIST-Types..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2023. 1. 24.
• textsms

[WIL] 내일배움캠프 열한 번째 주_React Native 프로젝트 결과물 정리

프로젝트 소개 앱 이름 : MBTI Types 앱 설명 : MBTI 타입에 따라 의견을 나눌 수 있는 커뮤니티성 React Native App 커뮤니티: MBTI 타입과 관련된 게시글을 작성 후 댓글과 좋아요 버튼을 통해 공감을 받을 수 있고, MBTI필터를 통해서, 해당 MBTI의 글 만을 볼 수 있습니다. ex) 카테고리 [ISFP]: 약속 취소되면 오히려 좋은 거 다들 공감하시나요?ㅎㅎ 상황문답: 특정 상황을 제시하고 댓글에 각 MBTI 별 반응을 모아서 볼 수 있다. ex) 친구에게 “네 숙제 베껴도 돼?”라는 문자를 받는다면? 마이페이지: 내가 작성한 글과 내가 좋아요 한 글을 볼 수 있다. 프로젝트 정리본 노션 https://green-number-f91.notion.site/MBTI-Type..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2023. 1. 16.
• textsms

[WIL] 내일배움캠프 열 번째 주_리액트 네이티브

리액트 네이티브 프로젝트 진행을 위한 공부를 시작했다. 그나마 다행인 점은 사전캠프 기간에 앱개발 강의를 들은 경험이 있다는 것인데 어째 다 까먹은 거 같다. 오랜만에 만나는 네이티브는 리액트와 다른 점이 많았다. , 등 기존과 다른 컴포넌트를 사용해야 한다는 점이 그렇고, expo 앱을 이용한 앱 개발은 수많은 에러와 마주하며 정말 쉽지가 않았다. 그래도 네이티브를 공부하며 앱 개발 만의 매력을 느끼기도 했는데 웹과 다른 화면 구성이라든지, 등 네이티브에서 제공해 주는 다양한 기본 컴포넌트를 사용하며 프로젝트를 쌓아나가는 과정도 재밌었고 웹 개발과 다른 관점에서 사용자들이 어떻게 앱을 편하게 이용할 수 있을까 고민하는 과정도 재밌었다. 한번 정말 간단한 구조의 어플이라도 만들어서 스토어에 배포까지 해보..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2023. 1. 9.
• textsms

[WIL] 내일배움캠프 아홉째 주_리액트 프로젝트 결과물 정리

프로젝트 소개 리액트 B반 3조 보람삼조 팀원: 박성환 성경환 이희령 정윤숙 차상현 프로젝트 목표: 본문과 댓글을 작성할 수 있는 우리 팀만의 React App 만들기 프로젝트 컨셉: 사망토론 ‘탕수육 찍먹 vs 부먹’과 같이 논란이 될 만한 주제를 작성하고, 이용자들이 A, B 선택지 중에 투표를 하면서 의견을 나눌 수 있는 React App 프로젝트 결과물 정리본 https://time-feels-b8e.notion.site/aaed6840cdab4841bb80025db7c5bc64 KPT 회고 https://time-feels-b8e.notion.site/KPT-a2de14297cbc44369d5312614659466f 배포 링크 https://boram3team-react-app-project.v..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2023. 1. 1.
• textsms

[WIL] 내일배움캠프 여덟째 주_Redux-Thunk 이해하기

거의 3주 가까이 React -> Redux -> Thunk(DB 사용) 단계를 거치면서 리액트를 배우고 있다. 처음 시작할 때만 해도 이렇게 지겹도록 투두리스트를 보게 될 줄은 몰랐는데 그래도 처음과 비교하면 어느새 수정 기능도 생기고 내 투두리스트가 점점 진화하고 있는 거 같다. thunk 함수와 axios를 이용해서 투두리스트를 구현할 때 어려웠던 부분은 서버와 통신해서 데이터를 가져오고, 또 그 데이터를 state에 넣기까지 공백이 생긴다는 점이었다. 만약 데이터를 가져오는 데 성공한다고 하면 세 단계를 거치는데 일단 initialState에 설정해놓은 todos의 빈 배열이 pending을 거쳐서 fulfilled 단계에 갔을 때만 빈 배열 안에 서버의 데이터가 채워지기 때문에 이것을 위해 추가..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 12. 26.
• textsms

[WIL] 내일배움캠프 일곱째 주_Redux 이해하기

이번 주는 리액트 숙련 과정과 개인 과제를 진행하면서 리덕스의 작동 흐름을 이해하기 위해 노력했다. 결과적으로 수정하기까지 구현에 성공해서 과제를 제출할 수 있었다. 공부하면서 이해가 안 되는 부분들은 튜터님들께 가져가서 질문했고 그 과정에서 배우는 것들은 혼자 공부했을 때보다 더욱 기억에 남았다. 주말에는 리액트 심화 과정인 redux toolkit, json-server, axios 강의를 들었는데 이제 좀 redux를 이해하나 싶었는데 새로운 개념들이 한꺼번에 등장하니까 너무 어렵다. 하지만 결국엔 프로젝트를 진행하면서 흐름을 이해하고, 극복할 수 있을 거라고 믿는다! 숙련 과제 vercel로 배포하고 싶었지만 실패하고 gif 파일로 결과물을 기록한다 ㅎㅎ 이번 주의 TIL 목록 [TIL] 내일배움..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 12. 19.
• textsms

[WIL] 내일배움캠프 여섯째 주_React 공부 시작!

이번 주부터 드디어 리액트 공부를 시작했다. 아직 리액트를 공부한 지 일주일밖에 안 됐다는 게 놀랍기도 하다. 벌써 2주는 지난 거 같은 기분이라서ㅋㅋ 그래도 짧은 시간 안에 리액트와 많이 친해진 거 같다. 처음에 입문 강의 들을 때는 props가 뭐고 state가 뭔지 개념이 이해가 잘 안 됐었는데 개인 과제 수행하면서 구조와 흐름이 처음보다는 이해가 잘 되는 거 같다. 리액트 입문 개인 과제 -> To Do List 만들기 https://github.com/heegeer/React/tree/main/TO-DO-LIST 나름 폰트도 적용하고 튜터님 피드백까지 반영해서 정성 들인 결과물이다 ㅎㅎ 리액트 강의가 입문 -> 숙련 -> 심화 순으로 이루어져 있는데 지금은 숙련 단계에서 리덕스를 배우고 있다. ..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 12. 12.
• textsms

[WIL] 내일배움캠프 다섯째 주_javascript 심화 공부

이번 주는 월요일에 프로젝트 발표를 끝내고 계속 자바스크립트 강의를 들었다. 주중에는 원장님의 자바스크립트 심화 강의를 들으며 데이터 타입, 실행 컨텍스트, THIS, 콜백 함수, 클로저에 대해 공부했다. 이론적인 부분이고 심화 강의답게 내용이 어려워서 모든 내용을 이해할 수는 없었지만 자바스크립트에 익숙해지는 과정이라 생각하고 일단은 강의를 끝까지 다 들었다. 주말에는 코딩애플에서 자바스크립트 강의를 들으며 실습 위주로 자바스크립트를 공부했다. 모달 창이나 토글 기능, 애니메이션 등을 직접 구현해봤다. 확실히 직접 코드를 작성해보니 더 재밌고 금방 배우는 거 같다. 이번 주 동안 쌓은 자바스크립트 기초 지식을 가지고 다음 주부터는 드디어 내배캠의 주특기 REACT 공부를 시작한다. 11월을 마무리하며 ..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 12. 4.
• textsms

[WIL] 내일배움캠프 넷째 주_기초 프로젝트 결과물 정리

기초프로젝트 내일배움캠프 React B반 3조 The Leaders팀 팀원: 이희령, 이학경, 배성완, 박성환, 박상우 프로젝트 소개 웹페이지 명: 먹을텐데~ 컨셉: 내가 먹은 음식의 사진을 올려서 사용자들과 공유한다. 도메인 http://yourfood.site/ github 링크 https://github.com/baesee0806/the-leaders S.A 및 체크리스트 https://www.notion.so/S-A-Starting-Assignments-5731fd349cc94067b68b5667eb65c0b5 KPT 회고 https://velog.io/@baesee0806/%EB%82%B4%EC%9D%BC%EB%B0%B0%EC%9B%80%EC%BA%A0%ED%94%84-Reate-B%EB%B0%..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 29.
• textsms