profile
I'm beginner
post-thumbnail

[Err-log] react component names must start with an uppercase letter. react hook names must start with the word "use".

react component names must start with an uppercase letter. react hook names must start with the word "use".가끔 react로 작업을 하다보면 위와 같은 오류를 마주칠 때가 있다. 이러

3일 전
·
0개의 댓글
post-thumbnail

web storm - git commit push

vscode에서 웹스톤으로 바뀌면서 헷갈렸던 부분들을 차근차근 정리해보는 시간사실 vscode와 다르게 위치가 바뀌어 이것저것 어려움을 겪고있다. 그 중 제일 힘들었던 부분이 커밋이다. 정확히는 원격 브랜치를 연결하고 커밋하고 푸쉬하는 그 과정에 어려움을 느꼈다.(웹스

6일 전
·
0개의 댓글

면접용- CSS 애니메이션과 JS 애니메이션의 차이점

우리는 웹 사이트에 애니메이션을 적용할 때 CSS의 tansition이나 animation을 사용하거나 JS의 setInterval, setTimeOut이나 requestAnimationFrame, cancelAnimationFrame을 사용합니다. 이 두개가 무슨 차

7일 전
·
0개의 댓글
post-thumbnail

javascript - generator

일반적인 함수는 하나의 값을 반환합니다. 하지만 제너레이터를 사요하면 여러 개의 값을 필요에 따라 하나씩 리턴할 수 있습니다. 오늘은 이 이터레이터를 정리해보겠습니다.iteration interface는 iterable,iterator,iterator result로 구

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

Javascript - 스코프 관리

위 책을 읽고 작성하였습니다.스코프란 참조 대상 식별자를 찾아내기 위한 규칙입니다. 참조 대상 식별자란 말이 쉽게 말해 변수라고 생각하면 됩니다.자 여기서 함수 whereIsMyCheese 안에는 here이라는 변수가 존재하지 않습니다. 그치만 위 코드를 실행한다면 콘

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

Javascript - getter and setter

객체의 프로퍼티는 우리가 흔히 사용하는 데이터 프로퍼티와 함수로서 값을 획득(get)하고 설정(set)하게하는 접근자 프로퍼티로 나뉩니다 오늘은 접근자 프로퍼티 getter, setter에 대해 알아보도록 하겠습니다.객체 안에서 getter는 get으로 setter는

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

자료구조 - 연결리스트

늦은 퇴근으로 인해 JS대신 출퇴근길에 읽은 면접을 위한 cs 전공지식 노트 내용 중 연결리스트에 대해 정리해봅니다.연결 리스트는 데이터를 감싼 노드를 포인터로 연결해서 공간적인 효율성을 극대화시킨 자료 구조입니다.공간 복잡도프로그램을 실행시켰을 때 필요로 하는 자원

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

가비지 컬렉션

가비지 컬렉션은 메모리 관리 기법 중 하나로, 프로그램이 동적으로 할당했던 메모리 영역 중에서 필요없게 된 영역을 해제하는 기능이다. 자바스크립트는 도달 가능성이라는 개념을 사용해 메모리 관리를 수행합니다. 여기서 도달 가능성이란 쉽게 말해 어떻게든 접근하거나 사용할

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

# 닌자 코드 피하기

JavascriptInfo를 읽던 도중 닌자코드에 대해 알게되었다. 정말 우습게도 나는 이 글을보며 어쩌면 내가 잘하고 있는 것일 수도라고 생각했다. 사실 닌자코드는 이렇게만 작성하지 않으면 멋진 개발자(?)가 될 수 있다라고 알려주는 글이다. 하하나는 닌자코드에서

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

Javascript - nullish 병합 연산자 "??"

나는 개발 중 값이 null이나 undefined일 때 다음과 같은 코드를 작성했었다.그치만 이제 이런 코드는 nullish(??) 연산자를 통해처럼 간단하게 작성할 수 있다. nullish는 ??로 작성할 수 있다. 또한 nullish 결과는 다음과 같다a가 null

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

Javascript - use strict mode

ECMAScript 5에서 소개된 엄격모드 use stric에 대해 알아보도록 하겠습니다.use stric은 ECMAScript5가 출시되며 이전 하위 버전과 호완성 문제를 개선(?)하기 위해 새롭게 추가된 기능입니다. 이러한 엄격모드는 다음과 같은 행동을 합니다.기존

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

CSS 배워보기 -Functions

CSS에도 Function이 존재한다는 사실을 아시나요 ?Function이 존재하는지 몰랐어도 사실 우리는 사용하고 있었습니다. 그럼 이러한 Function들에 대해 배워나가 볼까요 ? 함수란?프로그래밍에서 함수(function)란 특정 목적의 작업을 수행하기 위해 설

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

CSS 배워보기 - Logical Properties

CSS에서 가장 많이 쓰이는 텍스트의 흐름은 좌에서 우로 , 박스의 흐름은 위에서 아래로 이루어진다. 그렇기에 CSS 흐름은 항상 위, 왼 아래, 오른쪽으로 이루어진다. 하지만 텍스트나 박스의 흐름은 다를 수 있어야하며 이것은 CSS로 지정해줘야 flexable int

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

Event Loop

자바스크립트는 single thread기반의 언어입니다. 하나의 일을 처리한 뒤 다른 일을 처리할 수 있는 언어이죠. 그치만 우리가 자바스크립트를 사용하여 api요청 등을 보냈을 때, 그렇게 작동하지 않는다는 것을 우리는 알고있습니다. 이는 event loop때문입니다

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

CSS 배워보기 - Layout

우리는 앞서 CSS 기본 사항, 스타일링 등에 대해 배워보았습니다. 이제는 뷰포트와 관련하여 컴포넌트, 상자를 올바른 장소에 배치하는 방법에 대해 알아보도록 하겠습니다.페이지 레이아웃을 정하지 않았을 경우 HTML은 Cascading에 의해 계산신으로 배치된다.오늘의

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

Electron

Electron은 Javascript, HTML, 및 CSS를 사용하여 플랫폼 간 데스크탑 앱을 빌드해주는 프레임워크이다. 이러한 Electron은 크롬과 Node.js를 사용하여 빌드한다. 또한 Mac, Windows, Linux까지 호환한다.위의 말처럼 우리는 Ja

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

CSS배워보기 - Sizing Units

인터페이스의 질을 높이기 위해서는 적절한 단위 설정이 필요합니다. 해당 포스트에서는 이에 대해 알아보도록 하겠습니다.!codepenbyungmin12/embed/dydEJym?default-tab=css%2CresultNumbers 값는 opacity,line-heig

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

CSS배워보기 - Inheritance

상속을 알기 전에 아래 코드를 먼저 보겠습니다. 자 위와 같이 html과 css에 코드를 작성했다면 I am a button link의 text color는 무슨택일까요 ??!codepenbyungmin12/embed/MWQRrzr?default-tab=html%2Cr

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

CSS배워보기 - Cascading

CSS는 Cascading Stylesheets의 약자입니다. Cascade는 말 그대로 계단식으로 내려와 여러 CSS규칙이 HTML요소에 적용되는 알고리즘입니다. 위 CSS코드에서 button의 색상은 무엇일까요 ? !codepenbyungmin12/embed/MW

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

CSS배워보기 - Selector - 2편 - Pseudo Selector

HTML Element는 다양한 상태(마우스 포인터로 가리키는 등)에 놓였을 때 pseudo selector를 사용하여 CSS 규칙을 적용한다. 많은 Pseudo Selector는 여기에서 확인하자Pseudo element는 선택한 요소의 일부분에만 스타일을 입히는 규

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