Jerry

그동안 고생 고생하면서 배웠던 것들을 써먹어야 할 때가 왔다. 바로 프로젝트 기간이 찾아왔다! 앞으로 2주 프로젝트를 하고 4주 프로젝트까지 하게 되면 코드스테이츠의 모든 스케줄의 99% 했다고 해도 과언이 아니다. (나머지 1%는 잡서칭, 구직 활동은 제외) 설레임과 걱정 또한, 앞으로 진행하게 될 프로젝트는 포트폴리오로서 취업 전선에 뛰어들기 위한 무기가 될 수도 있기에 다들 프로젝트에 대한 열정이 대단할 거라고 쉽게 예상이 된다. 필자도 물론, 열정이 타오른다. 하지만 그 이면에 "잘할 수 있을까"라는 걱정도 위치하고 있다. 그런 마음을 가지고 만난 조원들. 참고로, 조원 편성은 보통 4명으로 이루어져 있는데 우리 팀은 3명으로 구성되었다. 각자의 목표를 이루기 위해 열심히 달리는 우리지만 항상 처..

이번 스프린트는 먼저 쉽게 이야기하자면, 서버와 데이터베이스를 연결시켜줘야 하는 과제다. 더 자세하고 명확하게 이야기하자면, 이전에 했던 chatterbox client와 chatterbox server에서는 Javascript 변수와 in-memory 저장 방식을 이용하는 방법으로 데이터를 받아와 스프린트를 진행했었다. 이에 반해, 이번 스프린트는 서버가 영속성(persistence)을 가져 서버를 껐다 켰다 해도 데이터가 사라지지 않게 하도록 한다. 여기서 In-memory와 Persistence에 대해 잠시 집고 넘어가겠다. 바로 밑 문장을 읽어보자. In-memory databases are more volatile than traditional databases because data is lo..

구현하려고 한 내용 저번에 회고한 스프린트 "[스프린트][회고] Chatterobox Client"처럼 메시지를 추가하는 Twittler(사진 이미지 속 페이지)를 리액트를 활용하여 리액트에 대해 이해하는 것이 목적이다. 발생한 에러에 대하여 이번 스프린트를 하면서 리액트가 익숙하지 않은 것이 가장 큰 어려움이었다. 부트캠프 과정 동안 자바스크립트를 주요 언어로 사용해왔고 프런트엔드의 꽃이라고 불린다는 '리액트'를 배우게 되었는데, 리액트가 언어는 아니지만 (라이브러리입니다) 언어를 새로 배우는 듯한 고통(?)의 과정을 체감했기 때문이다. 이 부분을 제외하고 애먹었다 부분이 있었는데 이것에 대해 이야기해보겠다. 에러 내용: 리액트 애플리케이션 개발 도중 프리징 현상 발생 Machine freezing w..

세션 주제 : 나를 돋보이게 발표자: sw 과정 full time immersive 22기 한승하 님 코드스테이츠 과정에 참여 중인 사람들의 대부분의 목표는 아마 '커리어 전환'이라고 생각한다. "커리어 전환을 위하여 정해진 짧은 기간 안에 많은 정보를 내 것으로 만들고 결과물도 만들어 내는 곳" 그것이 "부트캠프"에 오는 이유이기 때문이다. 블로그 주인인 나 또한 이러한 목적으로 과정 중에 있는 사람이다. 며칠 전 반가운 소식이 또 들려왔다. 2020년 마지막 토크세션이 열린다는 소식이었다. 자그마한 취업 정보에도 갈증이 있는 나로서 지난번 토크 세션도 참가해서 만족도가 높았기 때문에 이번 세션도 참가하게 되었다. 한승하 님께서는 수료 후 다수의 회사에 합격하였으며 연봉협상 기술을 효과적으로 활용한 경..

Achievement Goals Web Architectures 클라이언트, 서버, API 가 무엇인지 정의 내릴 수 있다. 웹 개발과 관련한 아키텍처를 이해할 수 있다. Browser의 역할을 이해할 수 있다. Browser와 서버와의 연결이 어떤 규약(protocol)을 통해 이루어지는지 이해할 수 있다. 서버에서 정의한 API 문서를 통해, 서버가 제공하는 리소스를 이용할 수 있다. API를 활용해서 UI를 만들 수 있다. AJAX가 무엇이고, 왜 필요한지를 이해할 수 있다. AJAX 통신을 가능하게 하는 API (fetch API 등)을 이용할 수 있다. Browser Security Model CORS가 왜 필요한지 이해할 수 있다. XSS 및 CSRF가 어떤 원리를 통한 공격 방법인지 이해할 ..

Achievement Goals React 기본 React를 이용한 컴포넌트 단위 개발의 장점을 이해할 수 있다. 요즘 웹페이지는 유저와 많은 interaction이 일어나(ex. button) 수많은 상태 관리가 필요하다. 돔 관리와 상태 관리 말고 기능 구현에 집중하고 싶은 욕구가 있었고, React, Angular, Vue가 탄생했다. 리액트는 component (하나의 의미를 가진 독립적인 단위 모듈) 개념에 집중하고 있는 라이브러리다. 직관적과 재사용성이 증가한다. JSX와 같이 선언적인 형태의 문법을 사용하는 것의 장점을 이해할 수 있다. 리액트는 기본적으로 ES6를 사용한다. Destructuring, Spread operator, rest parameters, default paramete..

어제 오전 9시부터 오늘 오전 11시까지 HA 시간이었다. "이번 HA의 주제는 Full Stack으로 영화 정보를 보여주는 애플리케이션을 만드는 것입니다. 클라이언트와 서버 각각 구현해야 할 요구사항이 아래 제공되어 있습니다." 위 문장에서 보는 거와 같이 클라이언트 부분과 서버 부분을 작업을 통해 구현해야 하는 미션이다. React와 Express를 이용해야 했다. #2 처럼 구현해야 하는데, 난 #1까지 구현했다. #1처럼 보이게 하는 거까지 예상 대비 일찍 짰지만, 그다음부터 코드가 꼬였는지 삽질 & 삽질의 반복이였다. #1 #2 마감 시간 후에 공개된 reference를 참고 삼아 셀프 리뷰를 해보면서, 내가 구현이 안 돼서 답답했던 부분도 알 수 있어서 사이다 && 무엇보다 부족했던 부분까지 ..

Immersive 21기 후기 공유회 세션 중 하나였던, 주제: 취업하기 전에 알았으면 더 좋았을 것들 위 주제 내용을 내가 필요하다고 생각한 부분만 메모해 정리해보았다. 서류 / 코딩 테스트 / 면접 / 선행 과제 서류 전형 일단 가능한 많은 지원이 조건이 돼야 한다고 한다. 보통 10군데 넣어도 1군데 될까말까한 실정이 이여서 많은 지원은 필수라고 한다. 자신만의 무기를 가지고 좋은 이력서를 준비한다. 코딩 테스트 전형 toy problem ( 코드스테이츠 Immersive 과정에서 매일 아침마다 한 문제씩 알고리즘 문제를 푼다)를 꾸준히 푼다. 코딩 테스트 전에는 풀었던 문제 풀어보고, 후에는 아카이빙 해놓기! 면접 전형 기술 부분: 프로젝트 열심히 하기, 코스 외에도 공부하기 인성 부분: 수용적인..