기능 개발을 완료한 branch를 병합하는 3가지 방법이 있다.오늘은 merge, squash merge, rebase merge에 대해 정리한다.기본적인 merge 방법이다. merge에 대한 commit이 하나 생성된다. commit b1, b2, b3를 refer
들어가며 왜 관심을 가지게 되었나 학교를 (드디어) 졸업했다. 요즘은 그 동안 해보고 싶었던 개발을 마음껏 하면서 시간을 보내고 있다. 최근 노코드 툴을 사용한 게임 개발을 마치고, JS와 관련된 무언가를 해보고 싶었던 참에 회사 동료분께서 한 사이트를 공유해 주셨
OOCSS (Object Oriented CSS)BEM (Block Element Modifier)SMACSS (Scalable and Modular Architecture for CSS)undefined: 변수가 선언되었지만 값이 할당되지 않은 상태. typeof ⇒
Entry: 시작점, 최상위 자바스크립트 파일의 위치를 명시한다. 웹팩은 엔트리에 정의한 파일부터 시작해서 의존관계를 파악해나가면서 하나의 파일로 번들링한다.Output: 번들된 결과물의 이름, 위치를 정의한다.Loader: 원래는 javascript밖에 해석x. 그래
리액트가 그 이전에 존재했던 vanilla js 또는 jquery의 단점을 보완해주기 때문이다.Virtual DOM리액트가 등장하기 이전에는 실제 DOM을 직접 조작하는 코드를 작성했다. 하나의 요소가 변경될 때마다 전체 렌더링 과정을 반복했다. 웹 브라우저 엔진의 성
정의: 웹에서 표준적으로 사용되는 기술이나 규칙, 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상 작동해야함을 의미웹표준을 잘지킨다 ⇒ W3C의 권고를 따라 HTML,JS,CSS를 코딩하고, 문서 객체 모델(DOM)또한 원칙에 따라 구조화를 잘
script 태그의 위치 에 따른 문제점과 해결방안브라우저가 html 문서 파싱을 하다가 script 태그를 만나게 되면 파싱을 멈추고 script를 로딩, 실행 한 후에 이어서 파싱을 하게 됩니다. 이것 때문에 위치에 따른 차이점이 발생하게 됩니다. script 태그
브라우저가 html 문서를 파싱하다 script 태그를 만나면, 파싱을 중단하고 javascript 파일을 로드, 실행한다. 과정이 완료되면 그 후에 HTML 파싱을 계속한다. script 태그의 위치에 따른 차이점에 대해 정리해보자.script태그는 html 파일 내
구현문제 였다. 매개변수로 배열을 전달할 때 참조값이 전달된다는 것을 간과해서 문제가 생겼다. splice 함수는 배열을 실제로 변경하기 때문에 전달한 배열을 복사한 뒤 사용해서 원본에 손상이 없도록 했다.
this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수다.this가 가리키는 값은 함수 호출 방식에 의해 동적으로 결정된다.함수 호출은 다음과 같이 이루어질 수 있다.일반함수 호출메서드 호출생성자 함수 호출apply/call/bind 메서드
프로토타입은 자바스크립트에서 상속을 구현하기 위해 만들어졌다. Square의 인스턴스를 생성할 때마다 getArea 메서드를 생성하고, 모든 인스턴스가 getArea 메서드를 중복해서 소유하게 된다. 이는 퍼포먼스와 메모리 측면에서 좋지 않다.프로토타입을 통해 다음과
주어진대로 구현만하면 되는 문제였다. 포인트는 두 부분이었다.u와 v는 여는괄호와 닫는괄호의 개수가 처음으로 같아지는 시점에 분리했다. 이렇게 하게되면 u는 균형잡힌 괄호 문자열로 더 이상 분리할 수 없다는 조건과 균형잡힌 괄호 문자열 u, v로 분리한다는 조건 모두
변수나 자료구조에 저장할 수 있다.함수의 매개변수에 전달할 수 있다.함수의 반환값으로 사용될 수 있다.함수는 무명의 리터럴로 생성할 수 있다. 런타임에 리터럴이 평가되어 객체가 만들어지고, 변수에 할당된다.cal함수의 인자로 mul 함수를 전달했다.고차함수란 다른 함수
고민을 많이 했는데, 결과적으로 공식을 알아야 했던 문제. 우선 문제를 봤을 때 먼저 보였던 것은 같은 모양이 중복 된다는것, 그리고 중복되는 모양 마다 다음과 같이선이 모눈종이의 점에 딱 맞게 된다는 점이다. 그리고 중복되는 구간을 구하는 방법은 가로길이와 세로길이
호이스팅이란 선언문이 코드의 선두로 끌어올려진 것처럼 동작하는 자바스크립트의 특징이다. 자바스크립트 엔진은 코드를 한 줄씩 순차적으로 실행(런타임)하기에 앞서 소스코드의 평가 과정을 거치고, 이 때 소스코드 내의 선언문을 찾아 먼저 실행한다. (이 부분은 실행 컨텍스트
입력을 순차적으로 읽으면서 아이디와 방향, 그리고 아이디와 닉네임을 따로 저장했다. 결과값에 아이디 변경은 출력하지 않으므로 아이디와 방향을 저장할 때는 Change를 제외시켜야 한다. 또한 닉네임 변경은 Leave일 때 발생하지 않으므로 아이디와 닉네임 저장에서 제외
scroll, resize, input, mouseover 등의 이벤트는 짧은 시간에 여러 번 발생하고, 이는 성능상의 문제를 일으킬 수 있다. 디바운스와 쓰로틀은 짧은 시간 간격으로 연속해서 발생하는 이벤트를 그룹화해서 과도한 이벤트 호출을 막는다. 간단한 예제를 통