ivory's Log
그게 무엇이라도 항상 쉬운 일이다.
반응형

프론트엔드 12

개발자로서의 삶, 1년

디자이너의 삶을 뒤로하고, 개발자로 전직한 지 벌써 1년이란 시간이 지났다. 정말 순식간이었던 지난 1년 동안 나는 어떻게 살아왔고, 개발자로서의 첫 경험은 어땠는지, 1년 동안 내가 어떤 생각과 고민을 했는지 기록해보려고 한다.(글 쓰는 재주가 없어 두서없이 기록하니 양해 바랍니다.) 첫 직장 첫 직장에 합격했을 때가 가장 먼저 기억이 난다. 회사마다 이력서를 따로 준비하고 경험 삼아 많은 회사를 돌아다니며 면접 질문을 포함한 여러 데이터도 쌓아보고, 혼자 '면접 오답노트'를 만들어서 스스로 피드백하며 합격을 위해 철저하게 준비했었다. 그렇게 해서 총 14군데의 회사에 최종 합격하였다. 하지만, 내가 바라던 프론트엔드의 포지션을 제안한 곳은 단 한 곳뿐이었고 그 회사에 입사를 하게 되었다. 일단 개발자..

ivory's DevStory 2021.10.12

Next.js를 사용하는 이유

이 글은 'Next.js를 사용하는 이유'에 대해 적은 글입니다. 이 포스팅을 포함해 게시된 모든 포스팅의 큰 주제는 순차적인 흐름을 지키지 않습니다. 혼란에 주의해 주세요! Next.js SSR을 쉽게 구현하도록 도와주는 프레임워크 Next.js는 React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 프레임워크다. 그렇다고 React에서 SSR이 불가능하다고 묻는다면, 대답은 'React에서도 구현 가능하다'이다. 하지만, React로 개발환경을 구현하는 것은 굉장히 복잡한 일이었다.(React와 Next.js의 차이를 경험해보기 위해 사전에 예제 코드를 적용하며 경험해 보았다...) 이런 문제를 해결하기 위해 등장한 것이 바로 Next.js 되겠다. 아래의 글에..

ivory's DevLog 2021.03.03

인증(Authentication)과 인가(Authorization)

이 글은 인증(Authentication)과 인가(Authorization)에 대해 적은 글입니다. 이 포스팅을 포함해 게시된 모든 포스팅의 큰 주제는 순차적인 흐름을 지키지 않습니다. 혼란에 주의해 주세요! 인증과 인가는 API에서 자주 구현되는 기능이다. 물론 Private API, Public API에서도 구분 없이 모두 기본적인 인증과 인가를 요구한다. 인증 Authentication 인증은 사용자가 누구인지 확인하는 절차다. 회원가입, 로그인 과정이 인증의 대표적인 예시다. 회원가입, 로그인 과정을 예시를 살펴보자. 회원가입 과정 1. 아이디, 비밀번호를 생성한다. 2. 비밀번호를 암호화하여 DB(데이터베이스)에 저장한다. 로그인 과정 1. 등록된 아이디와 비밀번호를 입력한다. 2. 암호화되어 ..

ivory's DevLog 2020.12.22

2020년 '하고 싶은 말'

2021년까지 열흘 정도 남은 시점에, 2020년을 마무리하는 글이 조금 뜬금없지만 한 해를 마무리하는 소감을 딱 쓰기 좋은 시점이라 생각하여 좀 이른 회고록(?)을 작성하게 되었다. 인턴 종료와 함께 찾아온 식중독 인턴계약이 종료된 지 벌써 1주일이 돼간다. 인턴을 종료하고 1주일은 푹 쉬겠다고 다짐했지만, 계약 종료 5일 전부터 식중독에 감염되면서 응급실에 실려가고, 혹시 몰라 자가격리까지 당해 엄청 고생을 했다. 이 식중독 때문에 회사에 제대로 된 마지막 인사도 못하였고, 블로그 포스팅은커녕 컴퓨터 앞에 앉아 있지도 못했다. 시작이 중요한 만큼 끝도 중요하다고 했는데, 마지막이 너무 허접했다. 설상가상 4개월 동안 몸을 담았던 회사에 정규직 전환 지원도 탈락해서 심적으로도 아팠던 기간이었다. 아쉬움..

ivory's DevStory 2020.12.20

JWT(JSON Web Token)

이 글은 JWT(JSON Web Token)에 대해 적은 글입니다. 이 포스팅을 포함해 게시된 모든 포스팅의 큰 주제는 순차적인 흐름을 지키지 않습니다. 혼란에 주의해 주세요! 토큰 인증과 인가에 대해 공부하다가, JWT까지 오게 되었다. 갑자기 내용이 심화되어 많이 어렵고 당황스러웠으며, 포스팅하는 지금도 아직 헷갈린 부분이 많다. 하지만, 훗날 뼈와 살이 되고...(?) 반드시 알아둬야 할 개발 지식이기에 미리 정리를 해보았다. 부족한 글이므로 언제나 태클은 환영이다. JWT JSON Web Token JWT란 JSON 포맷을 이용하여 사용자에 대한 속성을 저장하는 클레임(Claim) 기반의 Web Token이다. JWT의 특징은 가볍고, 토큰 자체를 정보로 사용하는 자가 수용적인(Self-Conta..

ivory's DevLog 2020.12.19

[React] - React Router

이 글은 React의 React Router에 대해 적은 글입니다. 이 포스팅을 포함해 게시된 모든 포스팅의 큰 주제는 순차적인 흐름을 지키지 않습니다. 혼란에 주의해 주세요! React Router React는 SPA 방식 React는 SPA 방식이다. SPA란 Single Page Application의 약자로 페이지가 1개인 어플리케이션을 말한다. 전통적인 웹 어플리케이션은 SPA와 반대인 MPA(Multi Page Application) 방식 여러 페이지로 구성되어 있었다. MPA의 동작 방식은 어떤 데이터를 요청할 때마다 페이지가 새로고침 되면서 서버로부터 자원(Resource)을 전달받고 렌더링 되는 방식이다. 반대로, SPA는 새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터..

ivory's DevLog 2020.11.22

Webpack

이 글은 Webpack에 대해 적은 글입니다. 이 포스팅을 포함해 게시된 모든 포스팅의 큰 주제는 순차적인 흐름을 지키지 않습니다. 혼란에 주의해 주세요! Webpack이란? Webpack이란, 오픈 소스 자바스크립트 모듈 번들러(Module Bundler)로써 여러 개로 나눠진 파일들을 하나의 자바스크립트 코드로 압축하고 최적화한다. 간단한 정의부터 알아보려고 했더니, 뜬금없이 모듈 번들러라는 녀석이 등장했다. 지금부터 모듈 번들러의 개념을 이해하고 Webpack을 파헤쳐보자!! Module Bundler Module 먼저 모듈(Module)이란, 특정 기능을 갖는 작은 코드 단위를 말한다. 즉, 프로그램을 구성하는 구성 요소의 일부다. 모듈은 관련 데이터와 함수들을 묶어 파일 단위로 나누는 것이 일반..

ivory's DevLog 2020.10.28

[JavaScript] - this

이 글은 JavaScript의 this에 대해 적은 글입니다. 이 포스팅을 포함해 게시된 모든 포스팅의 큰 주제는 순차적인 흐름을 지키지 않습니다. 혼란에 주의해 주세요! 내가 JavaScript를 처음 공부할 때, 가장 어려워했고 이해하기 힘들어했던 개념 중 하나다. 여담으로 정말 이 개념이 어려워서 부트캠프 진행하는 내내 구시렁댔던 기억이 난다. 그래서 오늘은 this에 대해 깊이 있는 공부를 해보려고 한다. this 사전적 의미와 비슷한 JavaScript의 this this는 사전적 의미로 '이것'이라는 뜻을 가졌는데, 지금부터 알아볼 this는 사전적 의미와 비슷한 기능을 가졌다. JavaScript의 this는 함수 내에서 호출 맥락(Context)을 의미하고 있다. 조금 말이 어려운데 쉽게 ..

ivory's DevLog 2020.10.04
반응형