post-thumbnail

크롬 무료 익스텐션

니꼬쌤의 무료 익스텐션 TOP 10개 추천한다 에서 추천하는 익스텐션 링크를 모아둔 글입니다.동일한 색상 코드 추출하는 도구. 클론 코딩 시 유용.새탭 오픈 시 배경 그림 및 시간, 간단한 todo 작성할 수 있는 익스텐션.원하는 요소의 css를 볼 수 있음json을

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

웹사이트 개발 시 유용한 디자인 무료 툴 5가지

엘리님의 웹사이트, 모바일 앱 디자인 무료 툴 5가지 | 사이드 프로젝트 꿀템 🍯🐝를 정리한 글입니다 :) 사이트 바로가기 👉색상 컬러 팔레트를 쉽게 만들 수 있는 사이트.웹사이트의 주요 키 컬러를 입력하면, 컬러 팔레트 추천해줌 👍 사이트 바로가기 👉원하는

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

앞으로 유용할 css

니콜라스쌤의 CSS의 미래를 알려드림. feat. 구글 I/O을 보고 정리한 글입니다.브라우저에서 색상 혼합 기능.브랜드 색상으로부터 색상을 도출하는데 유용.html요소의 색상 변경.브라우저가 생각하는 대비되는 색상 골라줌.기본은 검은색, 흰색중 선택.원하는 컬러 리스

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

docker 정리

엘리님의 "도커 한방에 정리 🐳 (모든 개발자들이 배워보고 싶어 하는 툴!) + 실습" 을 보고 정리한 내용입니다 도커란? 🐳 어플리케이션을 패키징 할 수 있는 툴. 어플리케이션을 구동하는데 필요한 모든 것을 도커 컨테이너 안에 담아놨다. ![](https://

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

next.js 스크롤 복원 막기

이슈🐞 구현 중 페이지에서 모달 컴포넌트 닫기 버튼 클릭시 모달이 닫히면서 스크롤이 상단으로 올라가버리는 버그 발생. 항상 발생하는것이 아닌 간헐적으로 발생함. 주로 처음 사이트 접속 후 실행하면 발생하며, 이후 잘 발생안함. try1 window.histor

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

구글링 검색 방법🧚‍♀️

드림코딩 by 엘리님의 "구글링 잘하는법 꿀팁 🍯 (코딩의 시작과 끝은 뭐다? 탁월한 개발자 되는 방법)"을 보고 정리한 글입니다. 영상 보시는걸 추천합니다!👍 키워드 선별하기 관련된 예제나 구현코드등을 보고 싶을 때 -> 명확한 키워드로 검색하는것이 좋음 ex

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

타입스크립트 간단 정리 - any, unknown, never

타입검사 항상 만족의도치 않은 사이드 이펙트 발생할 수 있음 (의도치 않은 형 변환이나 전혀 예상하지 못한 의도되지 않은 타입의 값이 대입되는 등)ex)unknown 타입엔 모든 자료 다 집어넣을 수 있음자료집어넣어도 타입은 그대로 unknown이다.모든 타입의 공통적

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

typescript 간단 정리 - typeof, keyof, mapped type

keyof 타입 값에 존재하는 모든 프로퍼티의 키값을 union 형태로 리턴하는 키워드 Mapped Type 기존 정의된 타입을 새로운 타입으로 변환해주는 문법 > https://itchallenger.tistory.com/170 https://medium.com

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

typescript 간단 정리 - Generic

코딩앙마😈 님의 6.제네릭 을 보고 정리한 내용입니다.선언 시 타입 매개변수로 작성하고, 생성 시점에 타입 결정.함수, 클래스, 인터페이스에서 사용 가능

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

신기한 HTML 태그 5개

니꼬샘의 개발자 99%가 모르는 신박한 HTML 태그 5개! 강의를 보고 정리한 내용입니다. 강의보러가기👉 1. progress & meter progress : 속성 설정 안할때 : value=50, max=100 meter : value=15 :

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

vs code 디버깅 사용하기

드림코딩 by 엘리님의 코딩의 시작과 끝, 디버깅 | 실력있는 개발자의 필수 무기 🐛🐞 강의를 보고 정리한 내용입니다.

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

[JS] 함수 표현식과 함수 선언 간단 비교

function a() {}와 var a = function(){}의 차이는 무엇인가? 함수 표현식 해당 라인에 도달할 때만 정의됨. 함수 선언과 다르게 호이스팅 되지 않음. 함수 선언 함수 선언은 그 선언을 둘러싼 함수의 최상부나 저역 범위로 끌어올려짐(호이스

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

콘솔 로그 활용하기

엘리님의 "콘솔 로그 제대로 쓰고 있을까? 🤔" 강의 내용을 정리한 페이지입니다. 강의 보러 가기🔖 log level console.log('log') 가로 안의 값을 출력할 때 사용. 성능에 영향을 줄 수 있다. 개발단계에서 주로 사용 배포 시 왠만하면 삭제

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

<script> 태그 위치

ex)장점) 웹사이트가 완벽한 형태로 보여짐.단점) script 파일이 dom을 조작한다면 문제가 발생할 수 있다.why🤔?html 파싱중 script태그 만날경우 파싱을 멈추고 script의 다운 및 실행 후 html 파싱을 이어서 진행하므로 존재하지 않는 DOM요

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

vs code 탭 크기 및 자동 정렬 안됨

vscode의 tab size는 기본이 4이다. 평소에 2로 설정해두는데 제대로 동작하지 않는 문제가 발생했다. 정렬 및 탭 사이즈 이상 위의 이미지 처럼 탭 사이즈가 4로 설정되고, 저장 시 코드정렬도 동작하지 않는다. ![setting.json 설정 상태](http

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

[JS]클로저

상위 스코프의 식별자를 참조하고, 중첩 함수가 외부함수의 생명주기보다 오래 살아남는 경우, 중첩함수를 클로저라고 한다.💡 스코프? 정의된 변수를 사용할 수 있는 범위. 자바스크립트는 함수 스코프이다. 즉, 함수안에 정의된 변수는 함수 안에서만 유효하고, 함수 외부에서

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

ES Modules

#. Named Export 많은 것들을 export / import 하고 싶을 때 사용 ex) > 주의사항🔥 import 시 사용하는 이름은 반드시 export된 이름과 같아야 한다. 위의 예시에서 plus 대신 add로 import하여 사용할 수 없음.

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

윈도우 맥북처럼 꾸미기

#. oh-my-posh 설정하기 윈도우의 powershell의 설정을 oh-my-zsh 설정과 비슷하게 보이도록 oh my posh 설정하는 방법

2021년 11월 29일
·
0개의 댓글
·
post-thumbnail

moment 주차 표현 방법

antdesign의 RangePicker 사용 시 format을 YYYY-wo로 설정 시 년도가 맞지않는 이슈 발생. antd의 WeeklyPicker확인 시 년도 정상 처리 -> 단, 서버에서 보내주는 주차 계산이 다름 2020.12.30 에 대해서 서버는 20

2021년 8월 26일
·
0개의 댓글
·
post-thumbnail

npm install 시 ESOCKETTIMEDOUT 에러 발생

git clone 후 npm install 실행 중 에러 발생npm(yarn) install --network-timeout 1000000설정 후 다시 시도...unexpected end of file... 에러 발생.캐시 삭제 후 시간을 6000000로 바꿔서 다시

2021년 5월 31일
·
0개의 댓글
·