profile
Hello, world!
post-thumbnail

[CSS] 알아두면 유용한 nth-child 정복하기 😎(feat. nth-of-type)

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

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

정규 표현식 어렵지 않아요 😉

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

2021년 3월 20일
·
1개의 댓글
post-thumbnail

실행 컨텍스트(Execution Context) - 3 ( 함수 선언문과 함수 표현식)

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

2021년 3월 6일
·
1개의 댓글
post-thumbnail

Mac 에러 해결기 (xcrun: error: invalid active developer path)

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

2021년 3월 6일
·
0개의 댓글
post-thumbnail

실행 컨텍스트(Execution Context) - 2 ( 호이스팅 직접 보고👀 이해하기💡)

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

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

실행 컨텍스트 (Execution Context) - 1

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

2021년 2월 21일
·
0개의 댓글
post-thumbnail

Closure (클로저) 너 뭐니?🤷🏻‍♂️

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

2020년 11월 7일
·
0개의 댓글
post-thumbnail

비전공자 부트캠프 3개월 후기

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

2020년 10월 31일
·
6개의 댓글
post-thumbnail

[JavaScript] Clean Code - 가독성 높이기

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

2020년 10월 3일
·
0개의 댓글
post-thumbnail

[JavaScript] Destructuring (구조분해할당) 제대로 알고 쓰기

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

2020년 10월 1일
·
0개의 댓글
post-thumbnail

[TypeScript] Interface vs Type Alias

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

2020년 10월 1일
·
0개의 댓글
post-thumbnail

[TypeScript] Interface

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

2020년 9월 27일
·
0개의 댓글
post-thumbnail

JavaScript Immutability

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

2020년 9월 27일
·
0개의 댓글
post-thumbnail

React js 정규식으로 핸드폰 번호 input 만들기

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

2020년 9월 27일
·
2개의 댓글
post-thumbnail

Atomic Design Methodology (2/2)

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

2020년 9월 20일
·
0개의 댓글
post-thumbnail

Atomic Design Methodology (1/2)

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

2020년 9월 20일
·
0개의 댓글
post-thumbnail

[TypeScript] Basics for JS Programmers

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

2020년 9월 19일
·
0개의 댓글

React Hooks에서 SetState 비동기 해결하기

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

2020년 9월 13일
·
0개의 댓글
post-thumbnail

Stock X 360 Slider

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

2020년 9월 13일
·
0개의 댓글
post-thumbnail

WeStock, 2주 프로젝트 후기

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

2020년 9월 13일
·
8개의 댓글