본문 바로가기

반응형

코드스테이츠

(46)
코드스테이츠 수료와 수강 후기 보호되어 있는 글입니다.
2021년 7월 30일 FIRST PROJECT 후기(Gallery:port) Intro 내가 속한 200ok팀은 기존 코드 중심의 프로젝트 열람 시스템(github)에 대한 불편함을 호소하며 (물론 개발자가 되고자 한다면 코드를 잘 해석해야하지만) 시각적으로 프로젝트 열람 및 소개가 가능한 공간을 만들어보고자 Gallery:port라는 프로젝트를 기획했다. Gallery라고 이름을 붙인데에는 이미지를 중심으로 업로드 된 여러 프로젝트가 모여 있어서이다. Landing Page Gallery라는 이름이 붙었기에 천천히 작품이 흘러가는 모양을 구상했고 해당 작품을 클릭하면 사용자가 재미를 느낄 수 있도록 사진이 확대되면서 펄럭이는 요소를 추가하였다. 일반적인 웹과는 구별되는 강렬한 첫 인상을 원했기에 위 animation을 landing page의 화면 가득 배치하였다. 이를 구현하..
2021년 7월 21일 FIRST PROJECT DAY3(project upload page 이미지, desc formData 전달 형태 구성 및 modal로 project 미리보기 기능 구현 착수) DEV LOG 오늘의 스케쥴 KPT reflection sharing project upload page 이미지, desc formData 전달 형태 구성(solo) API docs 개선/보완(with BE) modal로 project 미리보기 page 구현 착수 오늘은 어떻게 프로젝트에 기여했나요? 파일 upload page 이미지 upload관련 기능 완료 이미지, 이미지 각각의 desc formdata 전달 형태 구성 및 사용자가 입력한 desc 정보 가져오기 //기존 계획 api문서 작성 시 // project_content: // [ {text: ~~~~ , image: buffer }, {text: ~~~~ , image: buffer }, {text: ~~~~ , image: buffer }..
2021년 7월 20일 FIRST PROJECT DAY2( project upload page 파일 업로드 preview 기능, Wiki 작성) DEV LOG 오늘의 스케쥴 stand up meeting 파일 업로드 preview 기능 구현(solo) API docs 작성(with BE) 시스템 아키텍쳐 작성(with BE) FE Task Issue 작성 및 Wiki 작성(FE) 오늘은 어떻게 프로젝트에 기여했나요? 파일 업로드 preview 기능 구현을 완료하였고 각각의 사진에 해당하는 div태그를 클릭했을 시 해당 사진이 preview에 render되도록 하였음. FE(Front-End) Task Issue 작성. Wiki(Team Rule, Team Introduction)작성. 오늘의 프로젝트에서 힘든 점은 무엇인가요? input 태그를 통하여 파일을 불러오고 그 파일정보를 state에 저장하는 것까지 성공했으나 이를 img 태그에 넣어서..
2021년 7월 19일 FIRST PROJECT DAY1(200ok, gallery:port) 코드스테이츠상 project의 시작은 오늘이지만 사실 코드스테이츠 시작일부터 함께 프로젝트를 하고 싶었던 분으로부터 제의를 받아서 프로젝트에 관한 얘기를 6월 17일부터 나누기 시작했다. (하지만 스프린트와 알고리즘의 벽으로 많은 대화를 나누지는 못했다.) 7월이 되고 HA3가 다가오기 시작하면서 4명의 멤버가 확정되고 주제에 관한 얘기도 나누기 시작했다. 누군가와 처음부터 무언가를 만들어간다는 과정이 쉽지 않겠지만 그리고 의견을 조율하는 과정이 어렵겠지만 기대가 된다. 전역 후 2월부터 지금까지 관심이있어서 조금씩 공부했던 animation들과 interaction부분에서 기여를 할 수 있을것인가? 그리고 일반적인 기능구현 부분에서도 기여를 할 수 있을것인가? DEV LOG 오늘의 스케쥴 team pr..
2021년 7월 9일 코드스테이츠 DAY-96 Docker
2021년 7월 7일 코드스테이츠 DAY-94 Token Based Authorization
2021년 7월 6일 코드스테이츠 DAY-93 session 스프린트 깊은 탐구 인증/보안 세션에서 session을 접하였기에 당연히 session이 인증/보안을 위해 생겨난 무엇이라고 생각을 했다. 하지만 세션은 인증/보안의 역할을 하기 이전에 브라우저가 서버에 어떠한 요청을 했을때 이 요청을 어떤 브라우저가 보낸 것인지 식별하기 위해 서버에서 생성되는 기본 객체였다. (브라우저에서 최초로 서버에 요청을 보내면 서버쪽에서 브라우저를 식별할 수 있도록 세션이라는 기본 객체를 만든다. 그 기본 객체안에는 세션ID가 있고 이 세션ID를 쿠키에 담아서 브라우저로 보내주면 브라우저는 앞으로의 모든 요청에 세션ID를 서버에 보낸다. 서버는 요청에 포함된 쿠키의 세션ID를 통해 어떤 브라우저인지 식별할 수 있게 된다.) 세션이 브라우저마다 하나씩 만들어지는 그리고 서버에 저장되는 특성을 활용해..

반응형