TIL
1.[6/1 TIL] 파이썬 기초 문법 & mongoDB
웹개발 종합반 3주차 수강완료/웹개발 종합반 1, 2주차 복습파이썬 기초 문법
2.[6/2 TIL]Flask와 API 다루기
Flask와 API 다루기
3.[6/3 TIL]AWS Elastic Beanstalk으로 배포하기
웹개발 종합반 5주차 수강완료
4.[6/5 TIL]시맨틱 마크업 / SEO / 접근성
배포 복습 HTML 시맨틱 태그
5.mini-project S.A
항해하기 전 알아보실래요? 앞으로 만나게 될 많은 사람들을 위해 저희 조를 소개합니다!바닥에서 하늘까지 팀원을 소개하는 웹페이지
6.[6/7 TIL] 미니 프로젝트 - 1
방명록 html 마크업 빌드 & Css 방명록 글 저장, 수정, 삭제 구현
7.[6/8 TIL]미니 프로젝트 -2
미니 프로젝트 2일차
8.[6/9]미니 프로젝트 회고
방명록 html 마크업 빌드css 스타일링방명록 글 저장, 수정, 삭제 구현반응형 디자인 - 미완수정 비밀번호비밀번호 저장html에 id가 여럿이면 javascript 이벤트는 첫번째 요소만 받음html에 같은 id의 input이 여럿있으면 첫번째만 이벤트가 동작한다.
9.[6/12 TIL]알고리즘 풀이
알고리즘 풀이
10.[6/13 TIL]readline/Set 사용기
readline 모듈 : Readable Stream에서 한 번에 한 줄 씩 데이터를 읽기 위한 인터페이스를 제공인터페이스 불러오기입력값을 받을 때 콘솔에 원하는 문구로 input값을 받고 싶었다.question과 on, 둘 사이에서 어떤 것을 사용할지 고민했다.나는
11.[6/14 TIL] 코드 리팩토링 도전기 / 알고리즘 문제 풀이
자바스크립트를 배우고 있는 중이라 새로운 내용을 배울 때마다 팀과제로 내가 짰던 야구공 게임 코드를 리팩토링 해보고 있다.
12.[6/15 TIL](A+B) 문제 풀이 / 자바스크립트 기초 시험 오답노트
reduce() / Math.floor()
13.[6/16 TIL].repeat() .Sort() Math .includes()
.repeat() .Sort() Math .includes()
14.[6/17 TIL] 신규 아이디 추천
페어 프로그래밍 2일차
15.[6/18 TIL] CS스터디 memo
CSR : 클라이언트 사이드SSR : 서버 사이드 → 어느 경우에 좋기 때문에 사용하는가?
16.[6/19 TIL] 특정 자릿수 구하기 / 3진법 구하기 / 2차원 배열에서 배열 메서드 사용
특정 자릿수 구하기 / 3진법 구하기 / 2차원 배열에서 배열 메서드 사용
17.[6/20 TIL]생각 정리 / 쓰고 있는 챗GPT 프롬프트
정리가 필요해서 써보는 페이지 + 내가 쓴 알고리즘 평가 프롬포트
18.[6/21 TIL] 수학 문제가 나를 괴롭힌다~
아침부터 최소공배수로 고통받았다.
19.[6/22]항해99 알고리즘 테스트 시험 후기/ if가 문제였다/ 알고리즘 공부
항해99 알고리즘 테스트 시험 후기 > 시험이 끝났다~
20.[6/23 TIL] 리액트 시작
이번주 과제 - 리액트로 todoList 만들기
21.[6/24 TIL] react 1차 과제 진행 중 생긴 질문과 답변
과제를 마감하고 제출까지 완료했다.
22.[6/26 TIL] react 2차 과제 시작
2차 과제 부터는 페어로 진행한다. 페어 파트너분이 디자인에 적극적이셔서 아직 2차 과제지만, 레이아웃 자유라는 텍스트를 마음 껏 누리고자 디자인 단계부터 시작했다.
23.[6/27 TIL] 2차 과제 2일차-memo
memo 사항 공부 - 정리 - 포스팅
24.[6/28 TIL]유저 테스트
최종본1을 끝내고 최최종본을 만들 차례
25.[6/29 TIL] 과제 3단 변신
6/29
26.[6/30]react project TODO-LIST 회고
TODO 메인페이지 - TODOLIST 구현TODO 필터링 구현TODO 레이아웃 전환 CSSTODO 완료/미완료 표시TODO 상세페이지 제작(view)TODO 수정페이지 제작(view)
27.[7/1 TIL] react ref()
useRef()
28.[ 7 / 3 TIL] 부모 컴포넌트에 hidden이 걸려도 자식 컴포넌트는 보이게 하는 법
보이고 싶은 자식 컴포넌트에 position: absolute을 넣고 부모 컴포넌트에 position: relative가 있으면 안된다.
29.[ 7/4 TIL ] 필터바 리팩토링
매니저님의 조언대로 리팩토링을 해보자💬
30.[ 7 / 5 TIL ] 지속가능한 성장과 컴포넌트(review)
토스ㅣSLASH 22 - Effective Component 지속 가능한 성장과 컴포넌트
31.[7/6 TIL]transform을 사용하면 absolute여도 부모 요소 hidden에 가려진다
진행한 3차 과제나는 button과 select 구현을 맡았다.
32.[7/7 TIL]주특기 2주차 시험 오답노트
문제를 주의깊게 봤어야 했는데 뼈아픈 실수다. 내가 협업을 하거나 다른 사람의 코드를 볼 때 이해를 잘못하고 수정해버릴 수도 있다. 다른 사람 코드를 읽어보는 연습을 해야하나. 코드를 볼 때 보고싶은 부분만 딱딱 확인하고 넘기는 면이 있었던 것 같다.
33.[7/8] useEffect 공식문서 읽기
이해되는 영역까지만
34.[7/10 TIL] 회원가입+로그인 구현
정말 많이 헤맨듯. API 명세서 읽는 법을 몰라서 그런걸까 axios를 잘 몰라서 그런걸까. 왜 어려운지 모르겠는데 어렵다. 요청이 받아지는지 안 받아지는지 알려주는 지표가 콘솔창 에러 뿐이라 그런걸까. 다 같은 401 에러로 보이는데 어떡하라고...구현이 안되는 줄
35.[7/11 TIL]useQuery로 받아온 값 input value에 넣기
포기하고 싶어서 돌아버리는 줄 알았다.뭔가 비동기 통신 많이 어렵다. axios도 잘 모르겠다. 찾아봐도 알고 싶은 내용은 나오지도 않고 AI는 헛소리한다. 각잡고 공부해볼까 했는데 자료도 많이 없다. 이상하게 해결하고 있는 느낌을 지울 수가 없다.
36.[7/12]5차 과제 re-try
지난번에 작업하던 파일은 기능구현만 하고 멈췄다.처음엔 로그인만 생각했기에 미리 페이지 구상을 안해서 페이지가 배배 꼬였다.그래서 저번엔 리액트 쿼리로 작업했으니 이번엔 리덕스 청크로 작업해기로 하며 새로 시작했다.
37.[7/13 TIL]회원가입/로그인/로그아웃 페이지 전환 - 트러블 슈팅
어제 작업을 이어서 로그인과 회원가입, 로그아웃을 구현했다.어제는 이걸 로딩화면으로 가렸는데 기술 매니저님께 여쭤보니 라우터간 이동시 깜빡거림은 있어서는 안되는 일이라고 말씀하셨다. 결국 문제가 있었다.
38.[7/14 TIL] 리액트 이미지 업로드 시 미리보기
리액트 과정의 마지막으로 백엔드와 협업하는 미니 프로젝트에 돌입했다. 프로젝트 인원이 3명인데 백엔드가 2명이고 프론트엔드가 1명이다. 혼자서 작업한다.
39.[7/15 TIL]리액트 쿼리 훅 인자값 넘겨주기
useMutation을 사용할 때 인자를 넘겨주는 방법
40.[7/16 TIL]axios
Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 입니다.
41.[7/17 TIL]CRUD 중에서 update 트러블 슈팅
CRUD 중에서 update가 제일 어렵다.
42.[7/20 TIL] 주특기 주차 미니 프로젝트 피드백
주특기 주차 다른 팀들의 프론트엔드 부분 피드백을 함께 정리합니다.
43.[7/21 TIL] 클론코딩 와이어프레임
지난번과 다르게 와이어프레임을 꼼꼼히 짜려 했는데어떤 데이터를 요구할 지 어떤 기능이 있는지를 메모하였다.
44.[7/25 TIL] 리액트쿼리를 사용해서 더보기 기능 구현
어제까지 리액트쿼리를 사용하지 않고 더보기 기능을 구현했었다. 리액트쿼리를 사용할 거면 조회할 때 써보시라고 권해주셔서 코드를 수정하기로 하였다.
45.[7/27 TIL]이미지 최적화 시도
최적화 시도 전의 성능. Lighthouse로 측정했다.최적화 시도 후의 성능.
46.[7/29 TIL]tailwind css 설치
실전 프로젝트에 돌입했다. 팀원분이 tailwind css를 아시냐고 물으셔서 바로 검색했다.그런데 클래스를 커스텀 할 수 있고 스타일 컴포넌트와 함께 사용할 수 있다고 한다.
47.[8/3 TIL]next.js 이미지 최적화
사진 위주의 sns 서비스 프로젝트를 진행하고 있다. 사진 뿐만 아니라 여러 API를 사용하다보니 최적화하기 어려울 것 같다는 문제가 생겼다. 우리 팀이 next.js를 사용하기로 결정한 이유 중 하나다.
48.[8/4 TIL]목업 서버를 위한 mySQL 설치
프론트 리더님께서 백엔드의 작업이 완료되기 전까지 테스트를 할 수 있게 테스트 서버를 제공해주셨다. 사용하기 위해서 mySQL을 설치해야했다.
49.[8/8 TIL] 나쁜 자바스크립트 작성 습관 체크
흥미로운 칼럼을 읽었다. 나는 얼마나 잘 지키고 있을까. 앞으로 고쳐야하는 습관은 무엇이지? 확인해보자.
50.[TIL 9/13] Container-Presentational Pattern
컨테이너 프레젠테이셔널 패턴 (Container-Presentational Pattern) React와 같은 컴포넌트 기반의 프레임워크에서 UI와 로직을 분리하는 데 사용됩니다.
51.[TIL 9/14] HOC 패턴을 적용, Button 스타일 고차 컴포넌트 제작
지난 스터디에서 HOC 패턴에 대해 알게되었다.
52.[TIL 10/23] OSI 7계층
OSI 7 계층은 네트워크에서 통신이 일어나는 과정을 7단계로 나눈 것을 말합니다. 1단계 부터 7단계 까지 물리, 데이터 링크, 네트워크, 전송, 세션, 표현, 응용 계층입니다.