분류 전체보기 (51) 썸네일형 리스트형 20240221 TIL #41 [1] TIL 1. 20240220 Database 특강 내용 정리 (1) 원시 데이터 1) 수기로 관리하면 데이터가 누락되거나 분실되는 경우가 많음. 2) 규모에 따라서는 수기 관리해도 되긴 함 3) 데이터의 일관성이 유지되지 않음! 4) 메모장 -> 엑셀 5) 엑셀의 단점 - 대용량은 처리하기 어려움 - 동시성 및 협업 제한 - 데이터 무결성 (정합성)이 보장되지 않음 - 보안의 취약성 - 데이터 관리가 쉽지 않음. (2) 관계형 데이터 베이스 1) relational 2) SQL 언어를 사용함 (3) 비관계형 데이터 베이스 1) NoSQL - not only SQL - not SQL (Structured Query Langauge) - SQL이 아닌 모든 것 (4) No SQL의 특징 1) key-.. 20240220 TIL #40 [1] TIL : 개념 정리 A. Redux Thunk 1. 미들웨어 (1) interceptor - 중간에서 어떤 역할을 하는 것들 1) action을 보내기 전과 후에 추가적인 로직을 실행할 수 있음. dispatch 전/후에 2. useEffect (1) 통신 (2) 동기화 3. dispatch (1) Redux 1) 객체 형태만 가능했음. (2) RTK 1) 함수로 가능해짐 2) dispatch로 전역 데이터를 세팅 3) store를 구성하는 게 목적, useSelector로 사용하는 것이 목적 4) 중점적으로 봐야하는 것 = createSlice가 가장 중요함 (3) createSlice 1) ~~~Slice : reducer를 대체 2) 작동하는 과정 i. reducer를 만들어 바깥으로 내보.. 20240219 TIL #39 [1] TIL : 개념 정리 A. Interceptor 1. axios interceptor (1) 통신 과정 1) 통신 : 요청 응답 2) 요청 : request가 서버에 전달되기 전 3) 응답 : response가 then으로 가서 성공적으로 인식되거나 catch로 가서 실패로 처리되기 전 (2) 그 사이에 가로채는 녀석이 interceptor 2. interceptor (1) request header에 어떤 부분을 삽입 (2) 인증 관리 (3) 로그 관련 로직 삽입 (4) 에러 핸들링 3. axios.get, axios.post (1) 가공하지 않은 순수한 axios instance를 이용해서 사용했던 것 4. 더 적용해 볼 수 있는 부분 (1) 요청할 때 content type을 지정 (2) 토.. 20240216 TIL #38 [1] TIL 1. 개념 정리 (1) Redux Toolkit 1) Redux 도구들의 모음 2) Redux의 구조나 패러다임이 모두 똑같음 - 컴포넌트에서 useSelector, dispatch를 사용하는 것은 모두 똑같음. 3) ducks 패턴의 요소들이 어느 정도 자동화 (2) json-server 1) Frontend와 Backend 사이의 통신 2) 테스트 서버 : fake server, mock data 3) DB와 API 서버를 생성해주는 패키지 4) db.json - json 형식 : key 부분이 쌍따옴표 - resource : db의 구조 (3) http 통신 1) 데이터를 이용한 communication 2) http protocol - 웹 통신은 약속, 프로토콜 - 서버와 클라이언트.. 20240215 TIL #37 [1] TIL 1. 팀 프로젝트 피드백 (1) 우리 조 프로젝트의 피드백 내용 1) Readme가 없어서 처음에 프로젝트를 이해하는 데에 어려움이 있었음 2) Github convention - commit message에 대한 컨벤션이 통일되지 않았음. - 프로젝트 시작 전에 commit message rule에 대해 언급을 하려다가 흐지부지 됐는데, 그 부분이 아쉬웠음. 3) 폴더 구조가 보기 쉽게 되어있지는 않음 - 페이지, 라우트의 디테일한 정리가 많이 부족했음. - 구현을 마치고 나서 정리를 할 필요가 있음. 4) redux를 일부분만 사용함 - 우리 조의 경우 로그인, 회원가입, 인증 부분에서만 redux를 사용했음. - 지역 상태, 전역 상태를 모두 쓸 줄 알아야 함. 5) 함수명을 봤을 .. 20240214 TIL #36 [1] TIL 1. 팀 프로젝트 - 뉴스피드 프로젝트 (1) 진행하면서 어려웠던 점 1) firebase 이용하기 웹 종합 강의 이후에 firebase를 오랜만에 다시 써봤다. 협업을 하다보니 다른 팀원의 firebase project 권한을 받아서 사용했는데, 부여받는 과정에서 문제가 있었다. 그리고 firebase를 사용하는 방법에 익숙하지 않아서 authentication, storage, firestore가 작동하는일련의 과정에 대한 이해가 부족했다. 내가 의도한대로 적절한 필드값을 불러와서 사용하는 것이 어려웠다. My page에서 내가 쓴 글의 목록을 불러오는 것은 구현했는데, 로직이 거의 비슷하다고 생각했던 내가 좋아요를 누른 글의 목록을 불러오는 것은 구현하지 못 했다. 또한, 내 닉네임을.. 20240213 TIL #35 [1] TIL 1. Standard 반 강의 내용 정리 : 순수 redux에서 외부 데이터 활용하기 (1) axios, json-server 설치 yarn add axios yarn add json-server (2) db.json 파일 만들기 { "todos": [ { "id": "1", "title": "스프링 공부하기", "contents": "인강 열심히 들어보기!!", "isDone": true }, { "id": "2", "title": "데이트", "contents": "홍대입구역에서 3시까지", "isDone": true }, ] } root 경로에 만들어줘야 함. (3) json-server 실행하기 npx json-server db.json --port [port 번호] 보통 reac.. 20240208 TIL #34 [1] TIL (1) 개인 프로젝트 피드백 내용 1) Global Styles 안에 reset css 한꺼번에 넣기 2) semantic한 네이밍 : 협업을 고려해서 3) styled-components는 component 밑으로 빼기 - 일반적으로 component를 볼 때 component 관련 내용이 먼저 나오길 기대함. 4) styling의 일관성 : styled-components를 사용했으면 in-line으로 styling은 지양 5) styled-components의 의미 - 우리 프로젝트 내에서 button을 제한 - 일반 html 버튼에 가까워질수록 styled-components의 가치가 떨어지는 것 - button의 특징을 이름으로 정해놓는 것도 좋은 방법 => warningbutt.. 이전 1 2 3 4 5 ··· 7 다음