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