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

7.4

개발에 유용한 링크 모음

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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