앞으로의 계획? 다짐

안녕하세요!라쿠텐 심포니 코리아에서 Front-end 개발자로 일하고 있는 코코볼입니다.제 개발인생의 발자취를 남기기도 하고, 프론트엔드 개발자로 커리어를 시작하기 위한 분들에게 조금이나마 도움이 되고자 글을 작성합니다 😀지금까지의 학습해왔던 경험을 바탕으로 정리한

1일 전
·
0개의 댓글

7.4

7.4

2일 전
·
0개의 댓글

링크 모음

개발에 유용한 링크 모음

4일 전
·
0개의 댓글

6.30

mac 환경설정homebrew 권한설정nvm 설정git flow

6일 전
·
0개의 댓글
post-thumbnail

6.28

nodemon : server/app 내용이 변경되면 자동으로 다시 실행React-intlHocgit stash 란?아직 마무리하지 않은 작업을 스택에 잠시 저장할 수 있도록 하는 명령어이다. 이를 통해 아직 완료하지 않은 일을 commit하지 않고 나중에 다시 꺼내

2022년 6월 28일
·
0개의 댓글

신입 FE 개발자의 취업 성공기

대박!! 결국 취업에 성공했다!!!

2022년 6월 28일
·
0개의 댓글
post-thumbnail

React vs Vue 장단점 비교

개발 공부를 하다가 여러 회사에 면접을 보는 중이다. 그 과정속에서 받았던 질문들을 정리하려 한다.리액트와 뷰의 장단점 에 대해 말하는 사람들의 얘기를 들어보면 흔히들 리액트는 비교적 자유도가 높고, 뷰는 기능이 이미 다 정해져 있다 라고들 얘기 하는데 이것은 각자의

2022년 4월 26일
·
0개의 댓글

CORS...!

개발 공부를 하다가 여러 회사에 면접을 보는 중이다. 그 과정속에서 받았던 질문들을 정리하려 한다.파일 전송 및 공유 프로젝트주어진 URL로 HTTP GET을 보내게 되면 응답헤더에 Access-Control-Allow-Origin 관련 설정이 없어서 CORS 정책이

2022년 4월 26일
·
0개의 댓글
post-thumbnail

[Webpack] webpack loader

💡 로더(loader)는 파일을 전처리(preprocess) 해주는 것인데, 이 때 파일은 모듈을 뜻하며 js 파일 뿐만 아니라 img, css, csv 등 모든 정적 리소스를 포함한다. 로더는 모듈을 입력 받아서, 새로운 모듈로 출력하고 번들링 할 수 있다.GitH

2022년 4월 24일
·
0개의 댓글
post-thumbnail

[Webpack] webpack 설치와 실행

익숙한 create react app의 구조를 따라하겠습니다. src 폴더 밑에 이 프로젝트의 가장 시작점! index.js 파일을 만들어줍니다. 💡 실무에서 하는 프로젝트에 webpack을 사용하는 경우, 저 위의 짧은 설정 파일이 나중에는 여러 파일로 나뉘고,

2022년 4월 24일
·
0개의 댓글
post-thumbnail

[JavaScript] 자바스크립트의 9가지 코드 트릭

ES6의 구조 분해 할당 문법을 사용하여 두 변수를 swap 할 수 있습니다.보통 단순히 범위 루프를 돌고 싶다면 다음과 같이 코드를 작성합니다.만약 범위 루프를 함수형 프로그래밍 방식으로 사용하고 싶다면 배열을 생성해서 사용할 수 있습니다.Set을 이용할 수 있습니다

2022년 4월 19일
·
0개의 댓글
post-thumbnail

[JavaScript] Map과 Set, WeakMap과 WeakSet

Map은 ES6에서 값을 매핑하기 위한 새로운 데이터 구조Object는 전통적으로 문자열 값을 매핑하는데 사용, 키를 값으로 설정 + 값을 검색 + 키를 삭제 + 키에 저장된 내용을 검색 가능하게 + 키는 모두 string + 크기를 수동으로 추적Map의 키는 모든 값

2022년 4월 18일
·
0개의 댓글
post-thumbnail

[JavaScript] 클로저, 이벤트 루프, 화살표 함수

개발 공부를 하다가 여러 회사에 면접을 보는 중이다. 그 과정속에서 받았던 질문들을 정리하려 한다.클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경과의 조합. (함수=반환된 내부함수)스코프는 함수를 호출할 때가 아니라 함수를 어디에 선언하였는지에 따라 결정된다. 이

2022년 4월 18일
·
0개의 댓글
post-thumbnail

[React] Hook과 클로저

오늘 기술면접에서 "React hook에서 클로저의 역할과 어떻게 쓰이는지 설명해보세요" 라는 질문을 받았다.나름 리액트를 공부했다고 생각했는데, 둘의 연관성은 한번도 생각해보지 않아서 당황했다ㅠㅠ다음에 같은 질문이 온다면 대답을 해야지 하면서 글을 작성하고 있다.Re

2022년 4월 5일
·
0개의 댓글
post-thumbnail

[Webpack] babel

💡 webpack과 babel이 서로 특별한 관계가 있는 것은 아니지만 webpack을 설정할 때 주로 babel을 추가하므로 설명하고 넘어가겠습니다. 📖 In computing, a compiler is a computer program that translate

2022년 3월 28일
·
0개의 댓글
post-thumbnail

[TypeScript] ReactNode와 ReactElement

클래스형 컴포넌트는 render메소드에서 ReactNode를 리턴한다. 함수형 컴포넌트는 ReactElement를 리턴한다. JSX는 바벨에 의해서 React.createElement(component, props, ...children) 함수로 트랜스파일된다. htm

2022년 3월 14일
·
0개의 댓글
post-thumbnail

[TypeScript Error] Next.js + TypeScript + Styled-components 에러

React나 TypeScript를 이용하여 프로젝트를 진행할 때 컴포넌트의 props를 이용하여 쉽게 스타일을 다르게 코딩할 수 있는 장점 때문에 styled-components를 사용한다.하지만 이번에 Next.js를 이용하여 프로젝트를 진행했는데 style이 바로

2022년 3월 14일
·
0개의 댓글
post-thumbnail

[프로젝트 회고] 온라인 교육 소개 홈페이지 개발 프로젝트

프로젝트 링크배포주소 바로가기 (width = 1200px 이상 화면에 최적화되어있습니다.)주제 : TypeScript와 Next.js를 이용한 애니메이션 홈페이지 개발 프로젝트

2022년 3월 14일
·
0개의 댓글
post-thumbnail

[Webpack] webpack

💡 다시 한 번, 웹팩은 모듈 번들러 이다!A module is one of the separate parts.자바스크립트에서의 모듈이란 기능 단위의 "자바스크립트 개별 파일"이라고 생각하면 됩니다.번들이란 여러 파일, 여러 구성을 합치는 것을 말하므로 번들러란 합치

2022년 3월 7일
·
0개의 댓글
post-thumbnail

[JavaScript] 콜백함수

예제) MDN - Array.prototype.map() 설명 보신 적 있으시죠?여러 라이브러리에서 콜백함수인 경우, callback 또는 cb, callbackFn 등등 으로 표기함수의 매개변수가 함수일 때, 매개변수로 받은 함수를 콜백함수르고 부른다. 끝 -!고차

2022년 2월 28일
·
0개의 댓글