항상 nth-child(숫자)만 사용하세요?? div > div === div > div:nth-child(n + 1)왜 같은지 알아보고 다른 유용한 문법도 알아갑시다. 🤓

이 글만 보면 정규 표현식 마스터!

함수 선언문과 함수 표현식 이전 글(실행 컨텍스트(Execution Context) - 2 ( 호이스팅 직접 보고👀 이해하기💡))에서는 호이스팅에 대해서 정리했다. 이번 글에서는 호이스팅과 함께 알아두면 좋은 함수 선언문(function declaration)과

집에서는 맥북을 사용하고 있고, 현재 글 쓰는 시점 빅서 버전은 아래의 이미지와 같다.IDE에서 깃 관련 명령어를 사용하려고 하니 xcrun: error: invalid active developer path (...) 와 같은 에러가 발생했다. 해결법은 구글링을 하면

코드의 실행 순서를 눈으로 직접 보고 호이스팅이 어떤 개념인지 확실히 이해하기!

실행 컨텍스트란 실행할 코드에 제공할 환경정보를 모아놓은 객체로, 자바스크립트의 동적 언어로서의 성격을 잘 파악할 수 있는 개념이다. 실행 컨텍스트는 호이스팅과 클로저를 공부하기 전 알아두면 좋은 개념이라 정리해두려고 한다. 아래 내용은 코어자바스크립트를 참고하여 정리

💡 코어자바스크립트-정재남, 위키북스를 참고&인용하여 블로그를 작성했습니다.클로저는 여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특성이다. 자바스크립트만의 고유한 개념이 아니라 ECMAScript 명세에서도 클로저를 따로 정의하지 않는다.자신을 내포하는 함수의

위코드에서 3개월, 사전스터디까지 합치면 4개월이라는 시간을 보냈다. 위코드에서 1달의 시간을 보낸 후 작성한 한달 회고 & 내가 개발을 시작한 이유에서도 언급을 했었는데 나는 파이썬으로 챗봇으로 만들어본 경험을 바탕으로 프로그래밍에 흥미가 생기기 시작했고, 코로나

A professional developer will write the code for the future self and for the “other guy” not just for the machine위의 글을 보면, 클린 코드는 주석 없이도 스스로 설명이 되고 사람

구조분해할당(Destructuring)은 구조화된 배열 또는 객체를 비구조화/파괴(Destructuring)하여 개별적인 변수에 할당하는 것이다. 배열 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당하거나 반환할 때 유용하다.ES5에서 배열의 각 요소를 배열로부

타입 앨리어스는 새로운 타입을 정의하고 타입으로 사용할 수 있다는 점에서 인터페이스와 유사하다.인터페이스와 타입 앨리어스를 비교해보자.인터페이스와 타입 앨리어스 모두 타입으로 사용할 수 있다.하지만 타입 앨리어스는 원시값, 유니온 타입, 튜플 등도 타입으로 지정할 수

TypeScript에서 Interface는 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다. 인터페이스는 여러가지 타입을 갖는 properties로 이루어진 새로운 타입을 정의하는 것과 유사하다. 잍너페이스에 선언된 프로퍼티 또는 메소드의

데이터를 불변하게 다루면 데이터들간의 간섭으로 인한 버그의 가능성을 획기적으로 낮출 수 있습니다. 또 데이터가 변경 되었는지 여부를 매우 쉽게 체크할 수 있습니다. 그 외에 Hot module reloading, time travel과 같은 고급 기법을 구현하는데 기초

결과물 미리보기 👀이번 프로젝트에서 로그인 / 회원가입 부분을 맡으면서 input 태그를 다룰 일이 많았다. 핸드폰 번호를 입력 받는 input창을 만들면서 겪었던 문제와 해결 방법에 대해 적어보려고 한다. 🤓

이제는 atoms, molecules, organisms 같은 화학적인 것들과는 멀어질 시간이다. 😅 Templates는 컴포넌트를 레이아웃에 배치하고 설계의 기본 내용 구조를 명확하게 하는 page-level 객체다.

원글 : Atomic Design by Brad Frost Josh Duck’s Periodic Table of HTML Elements beautifully articulates how all of our websites, apps, intranets, hoobady

원 글은 TypeScript for JavaScript Programmers이며, 이 글은 미세한 추가/삭제가 있습니다. 🤓TypeScript는 JavaScript 언러를 알고 있으며 대부분의 경우 타입을 생성해준다.예를 들면, 변수를 생성함과 동시에 특정 값에 할당

React에서는 한 함수 안에서 setState를 하고 console.log를 하면 console에는 한 박자씩 느리게 찍혀 나오는 경우가 생긴다.Class형 Component에서는 다음과 같이 callback 함수로 해결할 수 있다.👇🏻해결법하지만 Hooks에서는

구현하기는 쉬웠지만 반응이 좋았던 슬라이더이다.React의 장점중 하나인 Component에 props를 내려주면서 간단하게 구현이 가능했다.이미지는 모두 36장으로 이루어져있으며 이미지 아래의 가로 스크롤은 무려 input 태그이다..!ScrollSlider.js코드

🤓 프로젝트 소개 및 목적 패션 아이템 경매 사이트 StockX를 클론 코딩하는 프로젝트 개발 기간 : 2020년 8월 31일 ~ 2020년 9월 11일(12일) 개발 인원 : Front-end 4명, Back-end 3명