미니프로젝트 회의 / 개인페이지 제작
미니프로젝트의 개인페이지 수정 / 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에 대해 알아보자