profile
웹 개발자 준비

[Vue] 라이프사이클

Vue 라이프사이클에 대해 찾아보다가 정리가 잘 된 블로그를 발견했다.초보자도 쉽게 이해할 수 있는 친절한 설명이다.https://wormwlrm.github.io/2018/12/29/Understanding-Vue-Lifecycle-hooks.html

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

[Vue3] Parsing error: No Babel config file detected 오류

Parsing error: No Babel config file detected for C:\\Users\\kbs\\Desktop\\VuejsPrac\\vuedongsan\\vetur.config.js. Either disable config file checking

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

[Vue3] vue/no-multiple-template-root 오류

vue/no-multiple-template-root The template root requires exactly one element.Vue를 셋팅하는 과정에서 위와 같은 오류가 떴다.검색을 해보니 package.json이 작업 공간 루트에 없으면 Vetur는 기본

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

[포트폴리오 페이지 제작 프로젝트 회의 ]3/24 목

최승현 - 프론트엔드김범수 - 프론트엔드정선영 - ui/ux 기획자김성각 - 컨텐츠 디자인 및 ui/ux강지훈 - 프론트엔드React, HTML, CSS, Redux, TypeScript, Storybook, cypress ...GatherTown다른 플랫폼과 비교하여

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

[포트폴리오 페이지 제작 프로젝트 회의 ]3/17 목

최승현 - 프론트엔드김범수 - 프론트엔드정선영 - ui/ux 기획자김성각 - 컨텐츠 디자인 및 ui/uxReact, HTML, CSS, Redux, TypeScript, Storybook, cypress ...GatherTown결과물에 대한 대략적인 구성 및 구조에 대

2022년 3월 17일
·
0개의 댓글

[React]Cannot update a component (`Header`) while rendering a different component (`StorePage`). To locate the bad setState() call inside `StorePage`, follow the stack trace as described in 오류

리액트로 개발하던 도중Cannot update a component (Header) while rendering a different component (StorePage). To locate the bad setState() call inside StorePage,

2022년 3월 16일
·
0개의 댓글

[포트폴리오 페이지 제작 프로젝트 회의 ] 3/15 화

최승현 - 프론트엔드 개발자김범수 - 프론트엔드 개발자정선영 - ui/ux 기획자김성각 - 컨텐츠 디자인 및 ui/uxReact, HTML, CSS, Redux, TypeScript, Storybook, cypress ...포트폴리오 페이지 제작에 있어서 필요한 정보를

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

[React] ES Lint에 대해

우리가 작성한 코드의 스타일을 정의하고, 그 스타일대로 작성이 되었는지를 일련의 과정을 통해 확인할 수 있게 하고, error를 나타내어 고칠 수 있도록 도와주는 모듈이다.많은 사람들과 협업할때 각자 다른 코드 스타일을 갖게 되면 유지보수가 어려워지고 이해하기 힘든 코

2022년 1월 25일
·
0개의 댓글
post-thumbnail

[JS] Promise 제대로 알기

Promise는 콜백함수 디자인패턴이 마음에 들지 않을때 Promise디자인 패턴을 사용하면 된다.Promise는 자바스크립트의 새로운 기능이라기 보다는 코드/함수 디자인 패턴일 뿐이다.프로미스 안의 코드가 실행이 완료 되었을때, then()함수 내의 코드가 실행된다.

2022년 1월 15일
·
0개의 댓글
post-thumbnail

[React] Styled Component의 장단점

React 프로젝트를 만들때 Styled Component를 이용하여 프로젝트를 진행한 경험이 있다. 굉장히 편리하게 사용했는데, 이녀석의 장단점을 좀 더 확실히 알기 위해 정리하려 한다.Material UI 라이브러리를 사용할 때, 다른 방식들보다 커스터마이징이 쉽다

2022년 1월 15일
·
0개의 댓글
post-thumbnail

[JS]자바스크립트 클로저(Closure)

자바스크립트에서 헷갈리는 문법. 클로저에 대해 알아보려고 한다.구글링을 해보아도 정의를 통해 이해 하는 것은 쉽지 않기에 예시를 통해 정리하려고 한다.클로저를 이해하기 전에 알아야할 내용. 스코프 체인! 거의 클로저를 알기위한 핵심 내용이라고 봐도 될것 같다.스코프는

2022년 1월 15일
·
0개의 댓글
post-thumbnail

[JS]얕은 복사(Shallow Copy) vs 깊은 복사(Deep Copy)

기술면접으로 나온 내용중 얕은복사와 깊은복사에 대해 정리하려고 한다. 자바스크립트는 기본 자료형(숫자, 문자열, boolean)의 값을 복사할 때 값을 완전히 복사한다. 따라서 =을 이용하여 값 복사를 쉽게 할 수 있다.위 소스코드 1열에서 originalValue에

2022년 1월 13일
·
0개의 댓글
post-thumbnail

[JS]프로토타입 이해하기

기술면접을 보게 되었는데, 프로토타입에 대해 제대로 설명하지 못하였다...이를 보완하고자 정리하려고 한다!한 블로그를 참조했는데, 매우 잘 설명되어 있어 참조하였다.https://medium.com/@bluesh55/javascript-prototype-%EC

2022년 1월 12일
·
0개의 댓글
post-thumbnail

[React] React Redux vs Context API

공부자료: https://velog.io/@cada/React-Redux-vs-Context-API

2021년 12월 21일
·
0개의 댓글
post-thumbnail

[React] 절대경로 설정하기

개발 시 컴포넌트를 불러올떄 > 상대 경로 : import { Menu } from '../component/Menu'; > 절대 경로 : import { Menu } from '/component/Menu'; 두가지 방법이 있다. 상대 경로 vs 절대 경로

2021년 12월 21일
·
0개의 댓글
post-thumbnail

[React] lighthouse를 이용해 성능 최적화 (code-splitting, lazy-loading)

초기 화면구성하는 시간이 4.3초에서 0.9초로 단축되었다!이번 포스팅에서는 처음 페이지에서 사용하지 않는 불필요한 리소스를 줄임으로 초기 렌더링 시간을 감소시키는 code-splitting, lazy-loading에 대해서 알아보겠습니다. Opportunities 부

2021년 12월 20일
·
0개의 댓글

[유용한 정보] 주니어 개발자 생존 가이드

https://ichi.pro/ko/junieo-gaebalja-saengjon-gaideu-153396602882877

2021년 12월 19일
·
0개의 댓글
post-thumbnail

[React] React Life Cycle

라이프 사이클은 총 9개가 존재한다.크게 세가지 유형으로 나눌 수 있는데 생성 될때, 업데이트 할 때, 제거할 때이다. 이를 리액트에서는 마운트, 업데이트, 언마운트라고 한다. 을 보면서 아래 글을 참조한다면 더욱 더 유용한 글이 될 것 같다. 사실 위 그림이 리액트

2021년 12월 16일
·
0개의 댓글

프론트엔드 개발자 면접_1

https://amyhyemi.tistory.com/m/2241\. CSR과 SSR의 차이점은?CSR(Client Side Rendering) SSR(Server Side Rendering)SSR이란.서버쪽에서 렌더링 준비를 끝마친 상태로 클라이언트에게 전달하

2021년 12월 15일
·
0개의 댓글