TIL

강의 내의 코드를 따라치다가 알게된 유용한 CSS 속성들 몇가지boxsizingoutline - MDN텍스트 입력이 불가능한 div 태그에 텍스트를 입력할 수 있게 하는 속성.

평소에 테스트 코드를 작성하다보면 위에서부터 콘솔로그가 쌓여서 나중에는 위의 코드를 지우거나, 주석처리하게 된다. 그런데 오늘 강의를 듣다가 강사님께서 코드 한줄로 그 위의 코드들이 콘솔창에 출력되지 않도록 하는 것을 발견했다!콘솔 명령어 중 유용한게 많은 것 같다.

특강 중 멘토님께서 Vanilla JS를 강조하는 측면에서 JAM Stack을 언급하셨는데, Vanills JS를 좋아하는 입장에서 흥미로운 용어로 여겨져 좀 더 찾아보았다. 그런데 심지어 공식 문서도 있었다...! 😮JAM Stack 공식 문서 정의" Fast an

간단한 예시지만 구조분할 사용에 아직 적응하지 못한 것 같다. 프론트엔드 개발 환경은 변화가 빠른 만큼 새로운 개념, 기술들을 빠르게 내 것으로 만드는 능력도 중요하다고 한다.🔥 새로운 것을 마주했을 때 걱정, 두려움 보다는 "오히려 좋아 마인드"로 반갑게 받아들이자

html파일을 브라우저에서 바로 실행시킬 수 있는 커맨드이다. npm 으로 시작하는 커맨드는 써봤는데 npx 는 처음 써봤다.NPX : 패키지 무설치 실행. npm 5.2.0버전부터 npx 라는 커맨드가 추가되었다. 방대한 npm 라이브러리들을 설치하지 않고도 실행해볼

CSR, SSR, SSG, ISR 의 차이점과 각 방식을 잘 알아두자.JamstackVercel, Netlify 등을 통해 배포하는 경험 꼭 하기!strapi : headless cms 도구컨텐츠를 관리하는 어드민만 있으며, 컨텐츠 자체를 제공하는 페이지는 없는 것을

타입스크립트는 개발자의 실수를 알고 있다.타입스크립트나 자바 같은 정적 언어는 컴파일 시에 타입이 결정되어 그때 오류를 발견함초기에 코드 작성 시간은 길어지지만, 생각을 많이하고 코드를 짠다면 안정적이고 빠른 작업 가능구성요소 : 자원, 행위, 표현Ajax(Asynch

new.target - JavaScript MDN함수 또는 생성자가 new 연산자를 사용하여 호출됐는지를 감지할 수 있습니다.new 연산자로 인스턴스화된 생성자 및 함수에서, new.target은 생성자 또는 함수 참조를 반환합니다.일반 함수 호출에서는, new.tar

<select>태그는 placeholder속성이 없다. 따라서 다음과 같이 표현할 수 있다.disabled: 클릭안됨selected: 선택됨으로 값이 노출된다.hidden: 셀렉트 박스 옵션에 노출안됨

풀스택 → 프론트, 백, 데브옵스Docker 를 배워두면 유용함!prettier, eslint 등을 설치하고 그대로 쓰는게 아니라 프로젝트 마다 적용할 prettier를 설정함.eslint룰을 모두 따르기 힘들기 때문에 그 중 유명한 개발자나 회사가 채택한 eslint

type git comimt ⇒ vim 에디터를 연다type i ⇒ 작성 모드(— INSERT —)로 변경한다.제목과 본문 입력\`ESC 키를 눌러서 작성모드 빠져나가기type : wq ⇒ 저장하고 종료.

(window.innerHeight + window.scrollY) >= document.body.offsetHeightwindow.innerHeightwindow.scrollYdocument.body.offsetHeight디자인"클론" 이기 때문에 CSS, 디자인이

브레드그럼은 사이트나 웹 앱에서 유저의위치를 보여주는 부차적인 내비게이션 시스템을 뜻한다. breadcrumbs

코드리뷰 받기전 할 것 1\. 코드 스타일 정리 2\. 셀프리뷰질문 잘하는 사람의 질문 패턴, 방식 등을 학습하기!코드를 처음부터 새로 짜야할 때는?? \- 기존 코드를 놔두고 새로 코드를 작성한 후 , 새로 작성한 코드와 서로 비교해보기신입 코딩 과제를 받은 후

선언과 실행을 분리하기 위함컴포넌트를 선언하는 쪽과 실제로 initializing해서 실행하는 쪽을 분리자바나 C언어에는 기본적으로 main함수가 있어서 선언한 함수를 실행하는 역할을 한다.그러나 JS는 그런 부분이 모호하기 때문에 의도적으로 App과 main 컴포넌트

참고한 블로그 : Git / Push한 커밋 수정·삭제git push한 후 commit 수정git reset --soft HEAD~1//내용 수정 후 커밋git push -fgit push한 후 commit 삭제git reset --hard HEAD~1git push

window.requestIdleCallback() - Web API | MDNUI가 바쁘지 않을 때 함수들 실행하기Queue에 있는 함수들을 실행하는 부분에 debounce를 걸어두고, 실행 시에는 requestIdelCallback으로 실행을 하면 UI가 바쁠 때는

html에 가상의 요소를 만들어서 거기에 css속성을 추가하는 것필수적으로 content라는 속성이 필요함clearfix라는 float을 해제하는 전역화된 css 선택자를 만들어 두고, 필요에 따라 클래스로 부여해서 사용하기clearfix 클래스가 부여된 컨테이너에는