profile
Let me introduce myself as an FE developer.
post-thumbnail

[JS Number] Do you know '1e3' ?

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Numbers_and_datesJS 의 Number 에 대해서 얼마나 알고 계신가요? https://medium.com/@rnrjsah789/js

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

재택근무를 원격접속 설정하기 - 호스트 환경 설정하기

현재 저는 원격 접속 환경을 만들어두고 작업을 하고 있습니다.제가 구성한 환경에 대해서 공유해보려고 합니다.집에 호스트로 사용할 윈도우 랩탑 업무기기를 둔다. 집에서 업무를 볼때에도 개인 데스크탑에서 호스트로 원격접속을 합니다.이 경우 집에 구축해둔 32인치 4K 환경

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

나의 원격 접속 환경 구성 공유

개인용 데스크탑 + 개인용 32인치 4K모니터 \- 호스트 접속용으로 사용 (QHD 환경)업무기기 랩탑 윈도우 \- 호스트로 사용업무기기 아이맥 27인치 2020년식 + 업무기기 모니터 27인치 4K모니터 \- 호스트 접속용으로 사용 (QHD 환경)맥북프로 M1

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

타입스크립트 유틸리티 타입? Exclude?

이펙티브 타입스크립트 아이템7 에서 등장하는 Exclude 라는 것이 있다. 이를 유틸리티 타입이라고 말하는 부분이 있는데 타입스크립트 책을 몇권 보아도 나오지 않는 내용이다.Exclude ? 유틸리티 타입? 이게 도대체 뭘까?유틸리티 타입이란 ? 예제ExcludePi

2022년 10월 21일
·
0개의 댓글
·
post-thumbnail

Class, TDZ, OOP, Prototype 정리 [이펙티브 자바스크립트 스터디]

아이템3 에서 instanceof 구문 사용시에 타입이 값으로 사용되고 있다는 부분이 있다 type 은 값이 아니지만 class 는 값이라는 의미이다.type 의 경우 컴파일시에 인터페이스, 타입, 타입구문이 날아가기 때문에 사용되지 않는다는 것을 이해했다 그렇자면 c

2022년 10월 17일
·
0개의 댓글
·
post-thumbnail

정규 표현식 Regular Expression

정규 표현식 또는 정규 식 Regular Expression쉽게, 문자열에서 특정 문자 조합을 찾기 위한 패턴특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어정규 문법을 대수학적인 성질로 표현 언어는 자연 언어와 형식 언어로 구분 자연 언어는 영어,

2022년 10월 12일
·
0개의 댓글
·

맥에서 템플릿 문자열(``)을 사용하는 방법

타입스크립트에서 템플릿 문자열 Template String 의 형태인 \`${변수}\`를 사용해야 하는 경우가 있다. 윈도우의 경우에는 기본적으로 \` 와 ~ 두가지의 형태로 사용할 수 있지만맥의 경우에는 \\ 키와 ~ 키로 나타난다. 따라서 맥에서 사용할때에는 Opt

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

React 의 Hooks 이란?

Hooks 이란 무엇일까? 모든 용어들은 정의에서부터 그 의미가 시작된다.공식 문서와 블로그들에서는 Hooks 을 무엇이라고 표현할까? 리액트 공식 문서에서는 Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해줍니다. 정도

2022년 8월 29일
·
0개의 댓글
·
post-thumbnail

React Local State, Redux State, Context

최근 친구들과 아침 8시에 디스코드에 모여서 각자 책을 읽는 스터디를 진행하고 있다.딱 8시가 되면 영상통화로 모여서 1도 말 없이 알아서 책을 읽는 모임이다 이것때문에 눈이 8시가 되면 저절로 떠짐 이제.. ㅋㅋㅋ이번주에는 아주 오래된 책인 실무 예제로 배우는 Rea

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

React Import 사용시 Tree Shaking 에 주의하자

2020년에 올라온 아티클 중에 이런 글이 있다.리액트 프로처럼 리액에서 import components 사용하기https://medium.com/swlh/import-components-in-react-like-a-pro-b1340cb76a1b요약하자면 내용

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

FE 프로젝트 Bolier-plate for React TypeScript Webpack Babel

FE 프로젝트를 하다보면 초기 환경설정이 어느정도 비슷한 환경에서 이루어진다. 자주 사용하는 기본적인 환경은 React, TypeScript, Webpack, Babel 이 있다.한번 프로젝트 세팅을 잡아두면 두고 두고 다시 쓰기에 좋다. 하지만 시간이 지난다면 사용하

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

#3 FE 개발 준비하기 - 1

이제 실제의 개발에 들어가기 전 개발을 준비하는 단계까지 왔다. 이 단계에서부터는 사실상의 개발의 시작이라고 봐도 무방하다. 하지만 실제의 개발 업무에 집중하기 전에 필요한 사항들을 미리 체크해 봐야하는 부분들이 있기에 개발의 준비 단계를 따로 빼두었다. 필자의 경우

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

새로운 프로젝트 개발 준비하기 #2

새로운 프로젝트 개발 준비하기 #1 #2 기술 검토 및 일정

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

Next.js router.pathname 이 변하지 않는 문제

next.js 로 개발중에 일부 동작이 의도한대로 돌아가지 않는다는 것을 확인했다.그 중에서는 router.pathname 이 변경되지 않는 다는 문제가 있었다.해결을 위해서는 router.pathname 을 사용하지 못하고 location.href 를 사용했다.당연히

2022년 7월 29일
·
0개의 댓글
·

새로운 프로젝트 개발 준비하기 #1

새로운 프로젝트를 준비해야하는 경우가 있다. 현재 다니는 회사의 특성상 사내의 다양한 서비스 팀들과 함께 일을 하는 경우가 많고, 새로운 신규 프로젝트를 진행하는 경우가 상당수다. 프론트엔드 개발자로서 이러한 새로운 프로젝트를 몇년간 진행하다보니 어느정도 공통적으로

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

JavaScript 한글 초성 검색 구현하기

이번에 오픈한 프로젝트에는 초성검색이 들어가 있다. 보통은 서버를 통해서 검색된 결과를 사용하는 형태인데 이번에는 데이터를 한번 받으면 그 안에서 검색을 해서 보여주는 식으로 진행이 되었다. 다행히도(?) 내가 진행 할때에는 프로젝트를 리딩하는 리더분이 초성검색을 구현

2022년 7월 20일
·
0개의 댓글
·

ios click not working

ios 에서 click event 가 동작하지 않는 경우가 있다. 심지어 line attribute 로 role='button' 이나 style 로 cursor: 'pointer' 를 주었음에도 여전히 클릭이 동작하지 않는 문제이다.도대체 무엇이 문제일까? 문제 현상은

2022년 7월 19일
·
0개의 댓글
·

React/Next window.open popup 데이터 주고 받기

React 나 Next.js 에서 작업을 할때 popup 을 사용해야 해야하는 경우 데이터를 주고 받는 방법 Event 로 데이터를 주고 받는다 addEventLisener 를 popup 에 걸지 않고 opener 에 걸어야 한다 popup에 걸어봤는데 동작하지 않는다

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

markdown table

출처 - 마크다운 - 표(테이블) 만들기

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

js 문자열 목록 중복 제거

문자열 목록에서 중복을 제거 한다

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