TIL
1.TIL 1. Python의 페이지 이동과 날씨, 다크모드
TIL
2.TIL 2. DB의 데이터 삭제와 약간의 css
TIL
3.TIL 3. Git과 GitHub 그리고 메인 페이지, 개인 페이지 보완
TIL
4.TIL 4. JS - filter() (조건 통과 -> 새로운 배열) (feat. map)
TIL
5.TIL 5. switch문
TIL
6.TIL 6. 변수, 데이터타입, 연산자, 조건문, 반복문, 함수, 객체, 배열
TIL - 변수, 데이터타입, 연산자, 조건문, 반복문, 함수, 객체, 배열
7.TIL 7. Python 문법
TIL - Python
8.TIL 8. Python 알고리즘 배우기
TIL - 알.고.리.즘.
9.TIL 9. 이진탐색, 재귀함수
TIL - 이진탐색, 재귀함수
10.TIL 10. CS특강, 정렬, 스택과 큐, 해쉬
TIL - 특강과 정렬, 스택, 큐, 해쉬
11.TIL 11. 트리, 힙, 그래프, DFS & BFS, D.P.
TIL - 알고리즘
12.TIL 12. 알고리즘 5주차와 Git의 활용
TIL - 알고리즘, Git
13.TIL 13. Web Publishing
web - publishing
14.TIL 14. firebase
TIL - 파이어베이스
15.TIL 15. SPA(Single Page Application)
TIL - SPA
16.TIL 16. 검색기능 만들기 (feat. firebase)
TIL - firebase로 데이터 불러와서 검색기능 만들기
17.TIL 17. 자동완성 기능 만들기 (feat. firebase)
TIL - autocomplete
18.TIL 18. 크롤링
TIL - ajax crawling
19.TIL 19. CORS
TIL - CORS
20.TIL 20. git pull 시 발생하는 문제 해결하기
TIL - git pull 문제
21.TIL 21. nvm 설치 및 설치에러
TIL - nvm
22.TIL 22. 데이터 할당
TIL - 데이터 할당
23.TIL 23. 실행 컨텍스트
TIL - 실행 컨텍스트
24.TIL 24. this
TIL - this
25.TIL 25. 콜백 함수와 클로저
TIL - 콜백함수, 클로저
26.TIL 26. React로 TodoList만들기
TIL - React로 TodoList 만들기
27.TIL 27. firebase - onSnapshot, edit, delete
TIL - onSnapshot과 edit, delete의 폴더경로
28.TIL 29. Redux!!!!!!!!!!!!!!
TIL 29. 모든 것을 아우르는 곳에서 상태관리하기
29.TIL 31. React - Styled Component 사용 중 오류.
React - Styled Component
30.TIL 32. React - redux로 To Do List 만들기
TIL - react로 redux를 사용해서 to do list 만들기.
31.TIL 33. Redux-Toolkit적용하기
TIL - redux-Toolkit
32.TIL 34. axios로 크롤링 하기 (feat. CORS)
TIL - axios CORS 404에러
33.TIL 35. 옵셔널 체이닝
TIL - optional chaining
34.TIL 36. Redux-Thunk
TIL - redux-thunk
35.TIL 37. React - useRef()
TIL - useRef()
36.TIL 38. A non-serializable value was detected in an action… 에러
TIL - redux-persist error
37.TIL 39. 댓글 컴포넌트를 만들자.
TIL - React comment component
38.TIL 40. React - redux thunk + firebase
TIL - React - redux thunk + firebase
39.TIL 41. 에러 - uncaught typeerror: cannot assign to read only property '0' of object '[object array]'
TIL - 에러 - uncaught typeerror: cannot assign to read only property '0' of object '[object array]'
40.TIL 43. React Native
TIL - React Native
41.TIL 44. React Native로 Todo List 만들기
TIL - React Native로 Todo List 만들기
42.TIL 45. React Native 키보드 노출 시 TextInput
TIL - React Native KeyboardAvoidingView component
43.TIL 46. 챌린지 todo list (CRUD중 C, R)
TIL - 챌린지 CRUD (Create, Read)
44.TIL 48. React Native - Bottom Tabs, Stacks
TIL - React Native - Bottom Tabs, Stacks
45.TIL 47. React Native로 Movie App 만들기
TIL - React Native - Movie App
46.TIL 49. React Query
React Query에 대해 배워보자.
47.TIL 50. React Query(useMutation)
TIL - React Query(useMutation)
48.TIL 51. React Query 사용해보기
TIL - React Query
49.TIL 52. React Native - useColorScheme
TIL - useColorScheme(RN)
50.TIL 53. React의 return은 왜 하나의 태그로 감싸주어야 하는가.
TIL - React return문은 왜 하나의 태그로 감싸줘야하는가.
51.TIL 54. TypeScript(기본타입)
TIL - TypeScript(기본타입)
52.TIL 55. useState의 Generic
TIL - useState의 Generic
53.TIL 56. React.FC(Arrow Function와 Function
TIL - React.FC
54.TIL 57. TypeScript로 TodoList 리팩토링
TIL - TypeScript로 TodoList 리팩토링(RTK)
55.TIL 58. React - 컴포넌트 내 코드 실행 순서
TIL - compotent의 실행 순서
56.TIL 59. TypeScript - declare
TIL - TypeScript declare
57.TIL 60. React - Link에 데이터 넘겨주기
TIL - Link에 데이터 넘겨주기
58.TIL 61. uuid? crypto!
TIL - crypto
59.TIL 62. Mixed content 에러
TIL - Mixed content 에러
60.TIL 63. Link와 useNavigate, 그리고 데이터를 넘기는 방법
TIL - Link와 useNavigate
61.TIL 64. Next.js
TIL - Next.js
62.TIL 65. Next.js (2)
TIL - Next.js
63.TIL 66. SEO(Search Engine Optimization)
TIL - SEO
64.TIL 67. useState의 비동기와 동기적 처리
TIL - useState의 비동기, 동기적처리
65.TIL 68. NextJS
TIL - NextJS
66.TIL 69. useState의 setState 타입
TIL - setState 타입
67.TIL 70. Next.js - socket.io로 채팅 구현하기.
TIL - socket.io
68.TIL 71. Next.js - socket.io 배포하기
TIL - next.js 배포
69.TIL 72. Next.js - useInfiniteQuery
TIL - infinite query
70.TIL 73. Next.js - firebase + useInfiniteQuery
TIL - firebase + useInfiniteQuery
71.TIL 74. AWS 배포 시, npm install 안되는 문제.
TIL - 스왑 메모리
72.TIL 75. NextJS - router
TIL - NextJS router
73.TIL 76. NextJS - 검색기능 만들기.
TIL - NextJS 검색
74.TIL 77. TypeScript - useRef의 타입과 as
TIL - useRef타입, as
75.TIL 78. 배열의 합집합 구하기
TIL - 배열 중복 제거
76.TIL 79. 배열의 교집합, 차집합 구하기
TIL - 배열의 교집합
77.TIL 80. React - Query의 refetch
TIL - React - Query의 refetch
78.TIL 81. React-Query를 자세하게!
TIL - React-Query의 staleTime과 cacheTime 등
79.TIL 82. React - Query의 select 옵션
TIL - React - Query의 select 옵션
80.TIL 83. Error : Type 'string | undefined' is not assignable to type 'string'. Type 'undefined' is not assignable to type 'string'.
TIL - error : Type 'string | undefined' is not assignable to type 'string'. Type 'undefined' is not assignable to type 'string'
81.TIL 84. styled component의 props type
TIL - styled component의 props type
82.TIL 85. 뒤로가기 스크롤 유지 시키기
TIL - 뒤로가기 스크롤 유지
83.TIL 30. Redux toolkit
TIL - redux에서 redux toolkit으로.
84.TIL 42. React - Custom Hook
TIL - Custom Hook
85.TIL 86. debounce와 useMemo
TIL = debounce, useMemo
86.TIL 87. 함수의 타입
TIL - 함수 타입
87.TIL 88. Optimistic Update
TIL - 낙관적 업데이트
88.TIL 89. React Query의 invalidateQuries
TIL - invalidateQuries
89.TIL 90. Error : Hydration failed because the initial UI does not match what was rendered on the server.
TIL - Hydration failed
90.TIL 91. Recoil
Recoil 설치npm install recoilRecoil 속성 (selector, useRecoilValue, useRecoilState)selector는 순수함수로서 상태값을 이용해서 어떤 값을 가공해서 나타내고 싶을 때 사용하는 함수다.단순히 읽기전용으로 컴포넌
91.TIL 92. Context API vs Recoil
TIL - context vs recoil
92.TIL 28. indexOf() - 요소 찾기
TIL - indexOf로 요소 찾기
93.TIL 30. includes() - 특정 문자열 포함여부 판별
TIL - includes
94.TIL 93. 웹페이지가 브라우저에 랜더링되는 과정
TIL - 웹페이지가 브라우저에 렌더링되는 과정
95.TIL 94. Restful API
TIL - Restful API
96.TIL 95. Hoisting이란?
TIL - Hoisting
97.TIL 96. TDZ란?
TIL - TDZ
98.TIL 97. 프레임워크와 라이브러리 차이
TIL - 프레임워크와 라이브러리 차이
99.TIL 98. 캐시의 장단점과 활용 부분
TIL - 캐시
100.TIL 99. HTTP
TIL - HTTP
101.TIL 100. this 가 동작하는 원리와 용법
TIL - this
102.TIL 101. 브라우저 저장소와 차이
TIL - 브라우저 저장소
103.TIL 102. require와 import차이점
TIL - require, import
104.TIL 103. 배열, 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유
TIL - const의 배열과 객체
105.TIL 104. React Query MutationKey 에러
TIL - MutationKey 에러
106.TIL 105. Typescript 변수 뒤 느낌표
TIL - Typescript 느낌표
107.TIL 106. Cookie
TIL - cookie
108.TIL 107. 순수함수
TIL - 순수함수
109.TIL 108. React의 state와 props
TIL - state와 props
110.TIL 109. Semantic HTML의 필요성
TIL - Semantic HTML
111.TIL 110. Redux의 주요 개념과 비교
TIL - Redux
112.TIL 111. 클로저란?
TIL - 클로저
113.TIL 112. 쓰로틀링과 디바운스
TIL - 쓰로틀링, 디바운스
114.TIL 113. UDP와 TCP
TIL - UDP, TCP
115.TIL114. url을 직접? Route?
TIL - url route
116.TIL 115. React.Fragment
TIL - Fragment
117.TIL 116. Warring: Received 'false' for a non-boolean attribute '속성'
TIL - styled-components warring
118.TIL 117. useRef 여러개 만들기
TIL - useRef 여러개
119.TIL 118. Next.js에서 createPortal
TIL - next.js에서 createPortal
120.TIL 119. next export 시, 에러
TIL - next export 정적 배포 시 에러
121.TIL 122. NextJS에서 styled-components 사용하기
그동안 이 게시물에 적을 방법을 통해서 styled-components를 사용해왔지만, 기록을 위해 적어본다.Next.js와 Styled Components를 함께 사용할 때 발생하는 일반적인 에러 중 하나는 "서버와 클라이언트 간 스타일 불일치" 문제다이 문제는 서버
122.TIL 123. Javascript의 call by value vs call by reference
면접에서 자바스크립트가 "call by value"인지 "call by reference"인지 설명해달라는 질문을 받았다. 집에 돌아와서 찾아보는데, 문득 "call by value"와 "call by reference"를 정의하는 이유부터가 궁금했다. call by