내일배움캠프 4기

미니프로젝트 회의 / 개인페이지 제작

미니프로젝트의 개인페이지 수정 / homebrew & git 버전 오류 해결 / VSCode 개발 환경 세팅

미니프로젝트 개인페이지 수정 / Github 토큰 설정 및 사용법

미니프로젝트 기능 추가 및 수정 / 방명록 삭제 기능 추가

미니프로젝트 발표 및 회고

비교함수 이론 / 방명록 삭제시 confrim()으로 확인

221031 - 112206 : 미니프로젝트

연산자 / 클래스와 객체 / 배열

형변환 / 문자열 / 리스트와 딕셔너리 / 조건문 / 반복문 / 함수 / 튜플과 집합 / f-string / try-except / 코드 간략화 / map, filter, lambda / 함수의 매개변수 / 클래스

배열의 최대값 반환 / 알파벳 빈도수 반환

시간 복잡도 / 공간 복잡도 / 점근 표기법

어레이 / 링크드리스트 / 클래스로 데이터 관리하기 / 이진 탐색 / 재귀 함수

CPU / 백준(2557, 1000, 1001, 10998, 1008)

221107 - 221113 : 자바스크립트 기초 / 파이썬 기초 및 심화 / 알고리즘 1-2주차

10869 / 10926 / 18108 / 3003

백준(10430, 2588) / 웹퍼블리싱 1-3주차

백준 10171 / MPA와 SPA / HashRouter와 BrowserRouter / 웹퍼블리싱 4-5주차

백준 2753 / 프로그래머스 옹알이(1)

프로젝트 기획 / 와이어 프레임 제작 / 역할 분담 / 마이페이지 제작

백준 / 프로그래머스 / 웹퍼블리싱 기초 / GIT 기초 / Firebase 기초 / 기초프로젝트 시작

프로세스와 스레드, 비동기 / 데이터 설계, 기능

addEventListener

tooltip / 원격저장소 사용하기, Issue 할당, Branch, Merge, 키체인 암호

브랜치 푸시 에러, 이상적인 협업 방식 / 피드 데이터 Read & Delete, 프로필 이미지, 내 게시글 드롭다운 메뉴 반환

드롭다운 메뉴 버튼 에러 해결, 더보기 버튼

더보기 버튼 에러 해결 / 로딩스피너 / 내 게시글 드롭다운 메뉴 버튼 위치 조정 / 반응형

머지, 반응형 헤더 드롭다운, 피드 카드 버튼 수정

기초프로젝트 / Git 활용법 / 문제 해결 방식

KEEP / Problem / Try / Feel

자바스크립트 기초 / 데이터베이스의 이해

DOM / 실행 컨텍스트

this

배열, 반복문

자바스크립트

Component, JSX, Props, State

forEach, map, filter, reduce / JSON 통신

2차원으로 만들기

todolist 만들기 / Githubpush단계에서 username 및 password 요구

캐릭터의 좌표, 영어가 싫어요 / todolist 보완, Styled-components, React Hooks, Strick Mode

겹치는 선분의 길이

todolist 보완

자바스크립트 배열 메서드 / 리액트 입문주차 완주 / 리액트 숙련주차 일부 수강 / todolist 제작 / 프로그래머스

OX 퀴즈 / Redux, React-router-dom

숙련 주차 내용을 바탕으로 todolist 제작

숙련 주차 내용을 바탕으로 제작한 todolist 보완

리액트의 스타일 지정 / functionName과 fucntionName() / export와 export default / onclick과 onSubmit / Event.preventDefault()

문자열 내 마음대로 정렬하기 / redux - create 구현

delete, done/cancel 버튼 구현, 인풋 자동 포커싱

프로그래머스 / 리액트 입문 / 리액트 숙련 / todolist 제작

Redux Toolkit, json-server, immer, axios

Thunk 함수,Thunk에서 Promise 다루기

memo(),useCallback, useMemo, Custom Hook

todolist 과제 보완 / git flow

회의 / 효율적인 협업 방식 / 풀 캘린더 커스터마이징

Branch 생성, Stash, 다른 브랜치의 특정 파일 현재 브랜치로 가져오기 / useState 에러, 풀 캘린더 이벤트 데이터 조회, 이벤트-모달 연결, 팀원별 투두리스트 필터링

팀원별 이벤트 필터링, 이벤트 댓글수 표시

Pull Requests로 merge하기, json-server 기반으로 리팩터링

리액트 심화 / 팀 프로젝트 / Git 사용법

트러블슈팅 1)상세페이지 모달 URL 경로 설정 2)코멘트 리스트 미반환 3)상세페이지 본문 & 댓글 미반환

KEEP / PROBLEM / TRY / FEEL

expo 개발환경 세팅 / 투두리스트 제작

props 미수신 / 투두리스트 추가시 빈화면

삭제, 완료/취소, 수정, 카테고리 설정, async storage

리액트 팀 프로젝트 / 리액트 네이티브 투두리스트 제작

Firestore 보안 규칙 설정하기

명령어로 프로젝트-expo 연결 / react-navigation / useEffect vs useFocusEffect / 다크/라이트 모드

expo-iOS 시뮬레이터 연결 / LinearGradient / absoluteFill / react-native-swiper

API 발급하기 / API 사용하기 / API 적용하기

Promise.all / RefreshControl / ScrollView vs FlatList

Detail 페이지 제작 / Movies-Detail 연결

팀 프로젝트 기획 / Post 페이지 UI 제작

firestore 연동 / 유효성 검사 / 글 작성 후 메인 피드로 돌아가기 / 글쓰기 페이지로 전환시 페이지 자동 반환

투두리스트 제작 / 영화 리뷰 앱 제작 / 팀 프로젝트

글 작성 기능 트러블슈팅

게시글 작성 / 게시글 삭제

useState로 관리하기(실패) / 배열로 관리하기(성공)

다른 유저가 좋아요 한 상태에서 현재 로그인한 유저가 해당 좋아요를 클릭시 다른 유저의 좋아요가 취소되는 버그 발생

KEEP / PROBLEM / TRY

React-Query / useQuery / queryClient / useInfiniteQuery

리액트 네이티브 프로젝트 / useMutation

타입스크립트의 정의 / 자바스크립트 vs 타입스크립트 / 세팅하기 / 사용하기

기본 / 함수 / Enum / Union Type / Type Alias / Interface

제네릭 / 타입 추론

세팅 / 투두리스트 리팩토링 / 트러블슈팅

투두리스트 데이터 전역화 시키기

UI 제작 / Github 에러

헤더 적용 오류 / 카카오맵 API 연결 / 마커 표시

리액트 리팩토링 / 키워드 검색시 결과를 지도와 리스트에 반환

타입스크립트 / 아웃소싱 프로젝트

검색결과 클릭시 해당 인포윈도우 반환 / 인포윈도우 클릭시 상세페이지 이동

상세 페이지에서 뒤로 가기 실행시(=리렌더링) 검색 결과에 해당되는 지도 범위 유지하기

메인 & 마이페이지에서 리뷰 클릭시 상세페이지로 이동하기

TypeScript / 팀 프로젝트

라이프사이클 / useEffect에서의 실행 순서 / useQuery에서의 실행 순서

Next.js 란? / Page와 Routes / API Routes

Rendering vs Pre-rendering / 렌더링의 종류

UI 제작 / 페이지 연결

React.memo / useCallback / useMemo

_document.js / Web Vitals / Middleware

Next.js / React Hook 최적화 작업 / Throttling & Debouncing

npm install 실행시 Cannot read property 'pickAlgorithm' of null 에러 발생

카카오맵 지도 / 코스 / 장소 및 설명 / 텍스트 입력 박스 / 장소 검색 모달

검색 결과에서 장소 선택시 코스에 해당 장소 추가하기 / 드래그 앤 드롭으로 코스 순서 변경하기 / 코스에서 장소 선택시 해당 장소 삭제하기 / 코스에서 장소 선택시 설명란에 해당 장소에 대한 설명만 반환하기

트러블슈팅

최종프로젝트 기획 / UI 구현 / 장소 임시 데이터 CRUD / 설명 임시 데이터 Create

가로형에서 세로형으로 변경

UI 변경 / 메모 텍스트 동시 입력 에러

장소명에 해당하는 메모 입력하기

위로 이동 / 아래로 이동

카카오맵 마커간 라인 연결

트러블슈팅

코스 CRUD / 메모 CRU / 카카오맵 API 기능 / 지도-코스 연동 / 여행전/후 카테고리 선택

Function addDoc() called with invalid data. Unsupported field value: a custom ha object (found in document courses/x7ZQDEqTAFvJbBhE7qFS)

A non-serializable value was detected in the state, in the path:

유저가 직접 등록한 커버 이미지 firebase storage에 업로드 / 게시글 조회 - 커버 이미지, 제목, 여행전/후 카테고리, 지역 카테고리, 닉네임, 작성 날짜 및 시간, 카카오맵, 코스 정보 반환, 카카오맵-코스 연동

프로토타입 변경 / 새로운 코스 추가 / 리덕스 데이터 초기화

홈페이지 / Github / 노션 회고록 페이지

새로고침 or 브라우저 종료시 재확인하기 / 헤더를 통해 다른 페이지로 이동시 재확인하기

filter / includes / spread syntax / some

게시글 수정 페이지에서 전체 일정 열기/접기 토글 버튼 클릭시 마지막 여행지를 제외한 나머지 여행지의 저장된 메모 내용이 사라지는 버그 해결

페이지 이탈 감지 및 예외 처리 / 중복코스 추가시 예외 처리 / 반응형

여행지를 클릭할 때마다 지도 사이즈가 일정하지 않고 불규칙적으로 확대 or 축소되는 현상

heic2any / browser-image-compression

리액트의 state와 props에 대해 알아보자