맨 땅에 프론트엔드 개발자 되기

Refresh Token 프론트엔드 보관 위치에 대해 노션 AI에게 물어보았다. => 답변 Refresh token은 보안을 강화하기 위한 인증 시스템에서 자주 사용되는 기술입니다. 이 문서에서는 Refresh token frontend에서 사용하는 방법에 대해 설명합니다. Refresh Token이란? Refresh token은 사용자 인증 토큰이 만료되었을 때, 새로운 토큰을 발급해주는 기술입니다. 이를 통해 사용자는 로그인하지 않아도 서비스를 계속 사용할 수 있습니다. Frontend에서 Refresh Token 사용방법 Refresh Token을 어디에 저장해야 하는지는 상황에 따라 다릅니다. 하지만 일반적으로는 쿠키를 사용하여 저장하는 것이 좋습니다. Frontend에서 Refresh token..

Developer Roadmaps Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh 프론트엔드 개발자 공부 로드맵

약 6개월 간의 치열한 공부를 마치고 2022년 5월 초, 드디어 개발자로 첫 회사에 온보딩하게 되었다. 3개월 간의 수습 기간도 잘 버텨내서 정규직이 되었다. 그래서 지금 쯤에 나의 과거를 되돌아보고 미래를 계획하는 시간이 필요하다고 생각했다. 내가 개발자로 전직하고자 했던 이유는 개발이 무진장 재밌어서가 아니라 미래에 대한 불안감 때문이었다. 이전에는 패션회사에서 근무했기 때문에 '내가 몇 살까지 이 일을 할 수 있을까'에 대한 불안감, 그리고 여러가지 이유로 일에 보람을 느끼지도 못했다. 그래서 위의 이유들로 인해 이직한 결과 현재의 직업 만족도를 생각해보자면, 50% 정도인 것 같다. 첫 번째 이직 이유였던 불안감에 대해서 얘기해보자면, 개발자가 되어도 불안감은 여전하다는 것이다. 일반 사무직의 ..

6개월 간의 노력 끝에 프론트엔드 개발자로 취업하게 되었다. 비전공자로 시작하여 과연 취업할 수 있을까 망망대해에 놓인 기분이었다. 국비지원 학원을 통해 공부하면서 과연 이 커리큘럼으로 취업할 수 있을까에 대한 고민, 그리고 스스로 공부하는 방법을 찾아가는 과정에 대한 고민 등 많은 생각의 과정들이 있었다. 결과적으로 프론트엔드 개발자로 취업에 성공하긴 했지만, 아직도 내 실력에 대한 의문들이 가득하고 이 빈틈을 메우기 위해 계속해서 공부하고 있다. 그렇다고 하지만 취업을 준비할 때 만큼의 열정은 좀 식은 것 같다. 취업하게 된 회사는 스타트업으로 30명 남짓되는 구성원이 있는 회사다. 다들 으쌰으쌰 하는 좋은 분위기이지만, 사실 코드 리뷰 문화도 없고 사수가 전담마크해서 가르쳐주는 분위기가 아니라서 각..

리액트 React State, Props 리액트를 사용할 때 꼭 알아야 하는 개념인 State와 Props에 대해 알아보자. Props는 컴포넌트 외부에서 컴포넌트에게 주는 데이터 State는 컴포넌트 내부에서 대상의 상태를 나타내는 데이터 State 리액트를 사용하여 개발하는 것과 바닐라 자바스크립트를 사용하여 개발하는 것의 가장 큰 차이는 직접 DOM을 조작하지 않는다는 것이다. DOM을 직접 조작하지 않는 이유 = 리액트를 사용하는 이유 (아래 글 참고) 리액트를 사용하는 이유 (SPA, CSR, SSR) 리액트를 사용하는 이유 (SPA, CSR, SSR) 많은 개발자들에게 사랑받고 있는 리액트!! 현재, 많은 현업 개발자들에 의해 쓰이고 있고, 프론트엔드 개발에 관심이 있다면 다들 한번씩은 들어봤..

SASS(SCSS) 색상 내장 함수 SASS(SCSS)에서는 색상과 관련된 내장 함수를 제공하고 있다. 공식문서 https://sass-lang.com/documentation/modules/color Sass: sass:color The hue is a number between 0deg and 360deg (inclusive). The whiteness and blackness are numbers between 0% and 100% (inclusive). The hue may be unitless, but the whiteness and blackness must have unit %. The alpha channel can be specified as either a unit sass-lang.c..