Wil

항해99 - [Chapter 5] 클론 프로젝트 (W7) - WIL

이번주 WIL 키워드는 "클론 프로젝트를 진행하면서 내가 가장 신경 쓴 부분 / 기술에 대한 정리" 이다. 이번주 우리 조의 클론 프로젝트는 인스타그램으로 선택하였다. 인스타그램으로 고른 이유는 현재 우리가 기본적인 CRUD 이외의 추가 기능을 선택해서 프로젝트에 반영할 수 있을 것 같다는 의견이 한데 뭉쳐서 인스타그램으로 선택하게 된 것 같다. 내가 인스타그램 클론 프로젝트를 진행하면서 가장 신경 쓴 부분은 프론트와의 협업이지 않았나 싶다. 인스타그램의 무한스크롤 기능을 구현하기 위해서 프론트에서 요청한 페이지네이션 조회 API를 요청한 방식에 맞춰서 구현하였다. 프론트에서 페이지 번호를 보내주면 그 번호마다 데이터를 5개씩 잘라서 보내주기만 하면 구현이 가능했기에 Sequelize 쿼리 문법의 off..

항해99 - [Chapter 4] 미니 프로젝트 (W6) - WIL

이번주 WIL 키워드는 첫 협업을 진행하며 느낀 아쉬운 점, 뿌듯한 점이다. 첫 협업을 진행하면서 느낀 아쉬운 점은 전반적인 흐름을 이해하고 소통하는 부분이 나에게 많이 부족하다고 느꼈다. 또 소통하는 부분에서 디테일적인 내용들을 잘 이해하지 못한 부분이 있음에도 흐름을 끊을까봐 일단 넘기고 나중에 따로 물어봐야겠다는 생각이 들었다. 하지만 나중에 다시 물어보는 것보단 그때 그때 바로 소통하는 것이 프로젝트를 진행하는데 있어서 더 도움이 될 것 같다는 생각이 들었다. 첫 협업을 진행하면서 느낀 뿌듯한 점은 백엔드 부분이 끝났음에도 마지막 프론트 서버 배포 전까지 API서버에 문제가 생기면 바로 수정할 수 있게끔 새벽까지 기다리면서 함께 했다는 점이 팀으로서 상당히 끈끈해지는 계기가 된 것 같았다. 처음으..

항해99 -[Chapter 3-1] 주특기 입문 (W3) - WIL

JavaScript의 ES란? JavaScript와 ECMA Script 둘 다 뒤에 Script라는 키워드가 붙어있지만, 자바스크립트는 언어이고, ECMA 스크립트는 규격, 표준 즉, 스펙을 말한다. 초기 JavaScript는 넷스케이프라는 웹브라우저에서 사용하기 위해 만들어진 언어이다. 브라우저마다 언어를 개발하는 방식이 달라서 표준화시키는 작업이 필요했다. 그렇게 나온 것이 ECMAScript이다. ES5/ES6 문법 차이 변수 선언의 방식 function scopeVariableWindow() { var var1 = 1; if(true){ var var2 = 2; } console.log(var1); // 출력결과 : 1 console.log(var2); // 출력결과 : 2 } ES5의 변수 선..

항해99 - [Chapter 1] 웹개발 미니 프로젝트 - 회고,WIL

항해99 1주차 WIL 첫 주차를 4일간(22.11.14 ~ 22.11.17) 팀장을 맡아 4명이서 팀으로 프로젝트를 진행하게 됐다. 아직 우리는 FE, BE 개발자가 아니기 때문에 프로젝트 역할 분담은 기능 단위로 나눠서 진행했다. 이번 주차는 기본적인 웹개발 지식을 가지고 팀으로 하나가 되어 서비스를 완성하는 경험을 갖는 것이 목적이였기 때문에 완성에 초점을 맞추어야 했다. 우리가 만들 서비스는 자신이 좋아하는 가수의 노래를 사람들에게 추천하고 자신만의 플레이 리스트를 만드는 웹사이트를 만들기로 했다. 역할 분담은 각자 메인페이지, 디테일페이지, 작성페이지를 맡았고 마지막으로 이번 프로젝트에서 필수인 JWT 토큰을 이용한 로그인/회원가입 기능을 나머지 한분이 맡아서 진행하게 되었다. 단기간에 처음으로..