TIL

git / github / api

내일배움캠프 2일차 오늘은 아침부터 github때문에 애를 많이 먹었다. 아직 개발환경이 익숙하지 않은 상태에서 익숙하지 않은 소스트리를 사용하는 것은 그저 멘붕... 시간이 조금 오래 걸렸더라도 어쨌든 해결했다는게 중요하니까 ! 단순한 방법도 있었지만, 그래도 해결

누를때 1씩 증가하는 like버튼 만들기

css(object-fit) / API개념

target"_blank" / input type="radio" / 프로젝트피드백

Javascript문법 : 변수, 연산자, 조건문, 반복문, 함수, class, object, 배열

파이썬 기초 : 출력하기, 주석, 변수와 자료형, 문자열, list와 dictionary, 조건문, 반복문, 함수

파이썬 tuple/ set/ f-string /예외처리/ 파일불러오기/ 코드줄이기- 삼항연산자, for문 / 매개변수 /클래스/ 알고리즘의 의미와 문제풀이/이중반복문/ for else문 /if not으로 필터기능구현하기/ ord()와 chr()

서버 : 웹서버, 라우트,포트, 로컬호스트,def, 비동기호출,get,post,파라미터 / 알고리즘 : 시간복잡도,공간복잡도, 자료구조 - 어레이, 링크드리스트

CS : CPU (CPU의 구조, 멀티코어, 명령어수행, CPU와 프로그래머가 통신하는 법.

Algorithm : global 변수, 정렬 ( 버블정렬,선택정렬,삽입정렬,병합정렬,분할정복 )

Algorithm : stack, queue / Javascript : Math.floor, reverse, sort, concat, splice, shift, unshift

SPA/ MPA/ Hashed Routing/ DB/dbms/ rdbms/sql/nosql

git과 github

serverless와 firebase / git push 오류 수정, ssh-key추가

firebase authentication 도메인 연결오류

swiper오류발생..

firebase storage에 이미지 올리기 구현하기, 및 이미지 url firestore에 저장하기

console.log() 중요해

자세히보기 버튼을 눌렀을 때, 선택한 게시물을 모달로 띄우는 작업 구현하기

프로젝트끝, KPT 및 피드백 정리

javascript 데이터타입(1)

참조형 데이터, 실행컨텍스트, Variable Environment,Lexical Environment,스코프, 스코프 체인

this, 전개구문, map(),filter(), indexOf(), String과 toString

콜백함수, method(pop,push,shift,unshift)

react, props, state, replace(), reduce(), isNaN

.slice , 숫자 정규식

React 입문과제 : todolist만들기 회고

styled-component, Redux, useState의 업데이트, useEffect

module(initialState,Reducer), useSelector, 액션객체, Action creator,Payload.Ducks 패턴

uuid, react-router-dom

git-flow

useRef()

Redux todolist 오류( Provider, reducer default오류 )

redux로 delete기능 추가하기 문제점 : 모든 list 삭제됨 redux로 toggle기능 추가하기 문제점 : 모든 list 없어짐

redux toolkit / json Server

Axios

Thunk, Immer, Memo, useCalback, useMemo

react : outlet, nanoid

custom hook, 프로젝트 작업 시 만난 custom hook 오류해결과정

React 프로젝트 오류 ( + Pagenation 구현 )

React 프로젝트 D-day 기능구현

json 서버 배포하기 / 프로젝트 회고

React Native : 설치하기, 주요 UI 컴포넌트, 스타일링 방법

Async Storage / .parse( ) / Async Storage연습 중 발생한 오류해결

React Native Todolist : AsyncStorage -> FireStore 리팩토링하기

React Navigation ( Native Stack ,Bottom Tabs, useFocusEffect ), 다크모드 컨트롤

Linear Gradient, absoluteFill, Dimensions, ActivityIndicator, Promise.all, FlatList, RefreshControl

react-query , useQuery

KeyboardAvoidingView로 키보드에 가려진 인풋창 나타내기

오늘의 트러블 슈팅 ☄️ firestore로부터 react-query로 데이터 가져오기

react native youtube-iframe 라이브러리 사용하기 / 프로젝트 피드백 정리

DOM과 가상DOM / 런타임환경 / 불변성이 react에서 중요한 이유 / export와 export default

Typescript 쓰는 이유, 셋팅하기, Typescript의 기본타입과 함수,Union Type과 Type Alias

interface / 제너릭 / 타입추론

React Lifecycle

Youtube API로 재생목록 가져오기 ( 코드작성방법 X )

Nav 메뉴를 선택했을 때 style 적용하기

react.js프로젝트 typescript로 리팩토링하기

20230130 : Javascript Deep dive 스터디 - 06.데이터타입

20230131 : Javascript Deep dive 스터디 - 10.객체리터럴

20230201 : Javascript Deep dive 스터디 - 14.전역변수의 문제점

20230201 : Javascript Deep dive 스터디 - 22.this

최종프로젝트 시작 : S.A 작성

tailwind 셋팅하기

tailwind 사용하기

react-select 사용하기, select value 받아오기

RTK-Query, RTK-Query Typescript에서 사용하기, RTK-Query Firestore와 사용하기

RTK-Query Firestore와 사용하기(Read,Update,Delete) / 수정할 때, 수정 전 내용 인풋창에 불러오기

댓글 CRUD 기능 구현 : 디테일한 기능 추가하기 ( 작성한 시간 표시, 댓글 유효성 검사, 게시물에 해당하는 댓글만 나타내기 등등 )

워크플로우 작성, 무한스크롤구현시도, textarea 엔터키로 줄바꿈한 내용 firestore에 반영안되는 오류 해결

무한스크롤 기능구현 보류 => 페이지네이션 대체

좋아요 기능 구현하기 ( + Trouble Shooting )

좋아요 기능 트러블 슈팅

게시물 수정기능구현

게시물 수정 유효성 검사완료, 게시물 페이지와 게시물 수정페이지 UI 수정

작성자 프로필 사진 띄우기, sweetAlert2 사용하기, 버그테스트, 발표준비

최종프로젝트 중간 발표 끝

URL 쿼리파라미터 / 스크롤버그 수정

react-select 스타일 변경 / amplitude 셋팅

sentry 사용하기

pagenation 기능 custom hook 제작, pagenation 페이지 이동버튼 추가

작성시간 버그

작성시간 버그해결

code-splitting, lazy-loading

최종프로젝트 회고

throttling과 debouncing

면접스터디 Day 1 : 브라우저 렌더링과정 / RESTful API

20230327 : Javascript Deep dive 스터디 - 26. ES6 함수의 추가 기능

면접스터디 Day 2 : Hoisting과 TDZ / parameter와 argument

20230328 : Javascript Deep dive 스터디 - 30. Date()

면접스터디 Day 3 : 프레임워크와 라이브러리 / 캐시

면접스터디 Day 4 : HTTP / position

20230329 : Javascript Deep dive 스터디 - 34. 이터러블

20230329 : Javascript Deep dive 스터디 - 38. 브라우저의 렌더링

면접스터디 Day 5 : 프레임워크와 라이브러리 / 캐시

면접스터디 Day 6 : require와 import / 배열과 객체를 const로 선언했을 때, 요소와 속성을 변경할 수 있는 이유

면접스터디 Day 7 : useRef() / Cookie의 MaxAge, Expires 옵션

면접스터디 Day 8 : 순수함수 / React의 state와 props

면접스터디 Day 9 : Semantic HTML / Redux 상태관리의 주요 개념들과 연결 관계

면접스터디 Day 10 : `<li>` 요소와 `<ul>` 요소 / HTML 의 inline 요소와 block 요소의 차이점