회고

9.22 목 - 메인프로젝트 데일리 회고

1. 어제 한 일 1.1 Stories 컴포넌트 구현 화면에 보여질 항목은 5개로, 넘치는 부분은 overflow: scroll 처리 페이지네이션으로 개선 필요 클릭시 모달창으로 팝업 유저정보와 인풋창을 position: absolute로 주어서 부모 위치와 상관없이 존재하고 있어 현재 위치값이 좀 어색하게 화면에 보여짐 background-blend-mode: darken; 스타일 적용이 안되고 있음 1.2 http 통신 테스트 회원가입, 로그인 확인 경우에 따른 예외처리 구현 필요 백엔드 코드 수정으로 로그인 시 토큰값 응답 헤더로 잘 들어오게 수정 완료. JWT 토큰값 웹 스토리지에 저장 시 XSS 공격을 방지하기 위한 대비책에 대해 학습과 적용 필요 2. 오늘 한 일 2.1 Stories 컴포넌트..

[코드스테이츠]SEB FE 39 Section 4 회고

Start where you are. 4개월 전의 나는 자바스크립트로 별찍기도 헉헉대고 css는 백그라운드 색상 바꾸는 정도만 할 줄 알았다. 4개월 후 지금의 나는 그래도 리액트로 클라이언트 짤 수 있고 더듬 더듬 서버도 짤 수 있게 되었다. 클라이언트와 서버가 둘 다 있는 앱도 배포 할 수 있다. 개인프로젝트에서 네트워크와 서버쪽 지식이 부족해서 일주일째 nodemailer와 씨름하면서 과연 이래서 팀 프로젝트는 어떻게 할 까 걱정과 조급함도 들지만 당장 내일부터 바로 달리기 시작이 아니라 약간의 숨고르기의 시간이 포함되어 있어 조금은 안도하며 이번 주말간 모자랐던 부분들을 보충하려고 한다. 물론 이전 과정들도 주어진 시간 내에 이해하고 적용하며 커리큘럼을 따라가는게 힘들었지만 섹션 4 같은 경우는 ..

13주차 - 반응형 웹 제출 과제

https://youtu.be/x7_BgPSltuM 배포 링크 : https://master--heartfelt-halva-3acfea.netlify.app/ isInteractive ? master--heartfelt-halva-3acfea.netlify.app canvas태그를 사용하고 css 애니메이션, 반응형 레이아웃을 구현만 하면 되고 창의력 좀 발휘해보라고 해서, 분명 시작은 개발자 포트폴리오 앱이었는데 도저히 라우터 해시링크 먹통난게 해결이 안되서 이래저래 바꾸다 보니 결국 문자 그대로 안드로메다로 가버렸네...?! 처음엔 데이터 시각화도 프론트엔드에게 중요한 업무기 때문에 chart.js를 써보려고 했는데 이리 저리 구글링하며 해봐도 안되어서 레퍼런스로 이해하기로 넘기고 하고싶었던것만 다 ..

[코드스테이츠]SEB FE 39 Section 3 회고

섹션 회고 - SEB FE 39 section 3 회고 1. 배운 것 1.1 커리큘럼 재귀함수 UI/UX Storybook Redux 상태관리 웹 표준 & 웹 접근성 네트워크 인증/보안 1.2 개인 공부 알고리즘 three.js axios 2. 느낀점 2.1 좋았던 점 슬럼프 탈출 개인프로젝트 시작 2.2 아쉬웠던 점 백엔드 코드 네트워크 지식 알고리즘 섹션2를 마치면서 회고를 작성할 땐 슬럼프가 심했었는데, 섹션 3때는 약간 해탈한 느낌이 되어버려서 과제가 아무리 어렵고 내용이 이해가 안되더라도 이전처럼 스트레스 받지는 않았다. 이해를 해서가 아니라 그냥 그러려니 하는 마음이랄까? 페어프로그래밍 전에 완벽하게 준비를 해야된다라는 강박을 내려놨다. 그냥 내 프로젝트에 커리큘럼에서 배운 걸 복습해보며 내 ..

[코드스테이츠] SEB FE 39기 Section 2 회고

https://www.youtube.com/watch?v=EcyK8oRoPb4 섹션 회고 - SEB FE 39 section 2 회고 1. 배운 것 1.1 커리큘럼 리액트로 클라이언트 구현 express로 서버api 구현 1.2 개인 공부 자료구조: 연결 리스트 알고리즘: 이진 탐색, 재귀 2. 느낀점 2.1 같은 실수와 같은 깨달음의 반복 슬럼프가 심하게 왔고 현재 진행형이다. 결국 무리한 계획으로 복습도 예습도 추가 공부도 이도 저도 아니게 되니 집중력도 떨어지고 성취도 또한 떨어졌다. 부트캠프가 이기고 지는 승부의 세계는 아니지만 지금 나는 명백하게 지고 있었다. 코드가 쉽사리 읽히지도, 이전처럼 끝까지 물고늘어지고 싶지도 않아졌다. 섹션 1 회고에서 다 지목했던 문제들이었고 try가 제대로 되지 ..

[코드스테이츠] SEB FE 39기 Section 1 회고

1. 배운 것 css flex를 사용하여 레이아웃 구현 기본적인 자바스크립트 문법과 es6 spread, rest 문법 스코프, 클로저 등 중요한 자바스크립트 개념 자바스크립트로 간단한 웹앱의 로직 구현 2. 느낀점 난 ~~해서 개발자는 못할꺼야, ~~라서 개발자는 못할꺼야 란 근거가 빈약한 자학보다 생존에 대한 열망이 더 커지고서야 개발공부의 첫 발을 떼었고, 올해 1월부터 독학을 시작하였다. 하는게 유익하다고 생각하는 게 있다면 할까 말까 할 시간에 일단 해봐야 한다. 막상 시작해보니 왜 이제서야 시작했을까 그동안 스스로를 의심하고 포기했던 시간들이 너무나 아깝게 느껴졌다. 먹고살기 위해 시작했던 개발 공부지만, css와 자바스크립트로 구현한 애니메이션 효과들과 three.js로 구현된 3d의 환상적..

SEB FE 39기 2주차 회고

SEB FE 39기 2주차 회고 1. 배운 것 css 선택자, 박스모델 등 기초 문법 flex를 이용하여 계산기 레이아웃 구성 자바스크립트로 계산기 코드 구현 2. 부족한 부분 또 일단 짜면서 시작해서 논리가 뒤죽박죽되어 계산기 코드가 난잡해졌다. 순서도와 의사코드 작성하기 전엔 코드엔 손도 대지 말아야 하겠다. flex-direction이 -reverse가 붙는 경우의 justify-content의 변화나 wrap-reverse 상태에서의 요소 위치의 변화를 잘 모르겠다. 페어에게 좀 더 최선을 다하자. 초조해 하지 말자. 잘 할 필요 없고 그냥 하기만 해라. 어제보다 오늘이 나으면 된거지.

SEB FE 39기 1주차 회고

회고 어떤 부트캠프던 간에 프론트엔드라면 부트캠프 일정 시작 전에 html로 마크업 하는 법, css 기초 문법은 알고, 자바스크립트로 조건문과 반복문, 배열과 객체 메소드를 사용하여 기본적인 문제 풀이는 가능한 수준으로 공부를 하고 오는 것을 권장함. 부트캠프의 진도는 빠를 수밖에 없다. 1주차에선 첫번째 페어분과 변수와 자료형, 두번째 페어분과 조건문과 반복문 문제를 푸는 페어 프로그래밍을 진행했다. 페어 프로그래밍을 진행하면서 페어보다 내가 잘 할 경우, 페어가 나보다 잘 할 경우 두가지를 모두 겪어 보았고, 둘 중 어떤 상황이라도 서로가 윈-윈 할 수 있도록 나름 노력하였다. 내 주관적인 경험이지만 나는 1주차의 페어 경험들은 모두 만족스러웠다. 프로그래밍적 사고와 수도코드 작성이 초보시절 구현능..