profile
개발자여서 행복한 Jev 😙 FE DEVELOPER JEV

👐 TS with Redux(RTK) 👐

타입스크립트 , 리액트 , 리덕스를 같이 사용하는 방법을 알아보자. 탬플릿 사용하기 일일히 타입스크립트 , 리액트 , 리덕스 셋팅을 할 필요없이 Create a React Redux App 템플릿을 사용하면 셋팅이 완료된 템플릿 상태로 프로젝트를 시작할 수 있다.

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

🧐 HTML 태그 뜯어보기

웹을 만들 때 html을 기반으로 만든다. javascript, react, typescript , next.js 등을 공부하다 문득 그런 생각이 들었다. "html 태그를 내가 잘 알고 있을까?" 이러한 생각이 들어 오늘은 그동안 무심코 지나쳐왔던 html태그들을

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

➔ next.js ➔

next.js는 서버 사이드 렌더링을 위한 프레임워크이다.서버 사이드 렌더링을 하기 위해 초기 작업들이 필요한데 next.js는 이를 셋팅해주어 셋팅을 해준 프레임안에서 작업을 해주면 된다.초기 작업들이란 code spliting , compling , minifyin

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

⏱ 비동기 프로그래밍

비동기 프로그래밍의 동작 원리는 나름 까다로운 개념이다. 실행컨텍스트,태스크 큐,이벤트 루프, 싱글 스레드, 멀티 스레드 등 여러가지 어려운 개념과 얽혀있기 때문이다. 하지만 이해하고 넘어가야하는 개념이므로 간단히 정리해보도록하자 동기 함수는 이전 테스크가 응답되지 않으면 다음 테스크가 진행되지 않는다. 비동기 함수는 이전 테스크가 응답되지 않아도 ...

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

📞 AJAX

Ajax는 현대 동적인 웹에서 필수적으로 사용되는 javascript 기술이다. 또한 기술 면접에서 자주 묻는 키워드이므로 한번 정리해보자. Ajax(Asynchronous Javascript and XML)과 탄생배경 ajax란 자바스크립트를 사용하여 브라우저가 서버에게 비동기적으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 동적으로 웹페이지를...

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

🌈 React UI Design

UI&Component Design 요즘 블로그 프로젝트를 진행하고 있다. 프로젝트를 진행하며 리팩토링을 하다보니 UI를 처음부터 디자인 하는 방법을 내 나름대로 정해놓으면 나중에 리팩토링할 일이 줄어들겠다는 생각을 하였다. 그래서 UI Component를 Desig

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

🖥️ 브라우저 렌더링 과정

기술 면접 때 가장 흔히 물어보는 질문인 브라우저 렌더링 과정에 대해서 되짚어보자.브라우저가 렌더링되는 과정을 알아야하는 이유가 무엇일까?프론트엔드 개발자라면 브라우저와 함께 웹 애플리케이션을 구성하기 때문에 나의 앱이 어떻게 브라우저에 나타나게 되는지 알고 있어야한다

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

🔤 변수(var)

기술 면접을 준비하다 변수에 대해 다시 한번 되짚어보기 위해 이전에 보았던 자바스크립트 딥다이브를 보며 변수에 대한 개념을 정리해보고자 한다.변수에 값을 할당할 때는 할당 연산자 =를 사용한다.변수의 선언 시점과 할당 시점은 다르다.변수의 선언은 런타임(소스코드가 순차

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

⚛️ Redux Tool Kit(RTK)

redux를 공부하다 redux를 더 쉽게 사용할 수 있는 방법인 RTK에 대해 알아보려한다RTK은 redux 공식문서에 추천하는 기능이다.RTK는 redux의 핵심적인 부분과 redux app을 만들 때에 필수적인 요소를 담고 있다.또한 redux를 사용하는데에 더

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

➖ Border and Outline

input태그를 styling하다 border속성과 outline속성의 차이가 무엇일까 궁금하여 작성한다.border은 요소의 안쪽선을 정의하도록 하는 속성이다.border은 element 안쪽에서 만들어진다.border은 공간을 차지한다.borderborder:non

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

🔤 Let's learn English for development(영단어)

take up something | (시간,공간을) 차지하다(쓰다)Outlines do not take up space.outline은 공간을 차지하지 않는다.even | (예상 밖이나 놀라운 일을 나타내어) ..도 ,(비교급을 강조하여) 훨씬

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

🧮 open-color

css 색상을 디자인을 할 때 여러 가지 색상 및 한가지 색상에 대한 색깔 조절을 할 필요가 있다.이 때 유용한 라이브러리를 기록해두고자 한다.$ npm install open-coloropen-color 라이브러리는 다양한 색상을 모아둔 라이브러리이다.원하고자하는 색

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

🔯 create-react-app(1) 브라우저 및 문법 지원

리액트를 프로젝트를 구성할 때 항상 cra(creat react app)패키지를 사용하였다. 하지만 문득 무지성으로 사용하고 있는건 아닌가 라는 생각이 들어 오늘은 cra에 대해 알아보고자 한다. CRA(create-react-app) 지원 브라우저 및 특징 지원

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

🤔 Deploying using heroku on react, koa, mongoDB Error catch

기존에 프로젝트를 배포할 때 클라이언트측만 배포했었기 때문에 주로 netlify로 쉽게 배포하였다.그러나 이번에 백엔드와 연동한 프로젝트를 배포하려니 나름 과정이 까다로웠다.heroku라는 클라우드 플랫폼에서 배포를 하였는데 어느 에러 하나 때문에 수일동안 애를 먹었다

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

📜 jsconfig.json

jsconfig.json을 여기저기서 따라쓰긴 하였는데 어떤 역할을 하는 file인지 짚고 넘어가고 싶어 알아보려 한다.jsconfig.json 파일을 사용하는 이유가 뭘까?프로젝트 디렉터리 루트에 jsconfig.json을 생성함으로써 해당 프로젝트가 js 관련 프로

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

🔛 css-fullscreen

프로젝트에서 배경사진을 화면에 꽉 채우기 위하여 방법을 생각해보았다.코드는 다음과 같다.우선 가장 큰 container에 배경화면에 관한 css 속성을 지정해줘야한다.기존에 나는 width:100% 속성도 입력했지만 height:100%로 속성을 지정해주면 width도

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

👨🏻‍💻 Memoizing Series (useCallback,useMemo,React.memo)

평소에 공부는 해놨지만 큰 프로젝트를 하지않아 렌더링 최적화에 크게 신경쓰지 않았다. 지금 하는 블로그 프로젝트도 다른 대형 프로젝트에 비하면 크게 렌더링에 악영향을 주진 않지만 state가 복잡해지고 Component수도 많아진만큼 최적화를 해주는 것은 앞으로의 좋은

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

⭐️ Flex & Opacity

Project를 하다가 자세히 알아보고 싶은 속성이 생겨 기록해두려 한다.flex와 opactity이라는 프로퍼티를 알아보도록 하자.The flex CSS shorthand property sets how a flex item will grow or shrink to

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

🧾 form

리액트로 로그인/회원가입 Project를 구현하다 문득 form 태그에 대해 내가 잘 모르고 있는 것 같아 조금 더 공부하고 싶단 생각이 들었다.form 태그에 대해 알아보자.form 태그란 여러 가지 정보들을 보내는 양식이다.여러 input tag 및 button과

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

🔣 Text Editor Library-Quill & ReactQuill

블로그 프로젝트를 진행하다보니 Text-editor library가 필요하여 Quill 과 ReactQuill Library를 사용해보았다.Quill과 ReactQuill은 둘 다 text를 편집할 수 있게 해주는 library이다.블로그 포스팅을 작성할 때 위처럼 내

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