profile
풀스택 웹개발자로 일하고 있는 Jake Seo입니다. 주로 Jake Seo라는 닉네임을 많이 씁니다. 프론트엔드: Javascript, React 백엔드: Spring Framework에 관심이 있습니다.

SQL Sever 인덱싱에 대한 정리

참고링크데이터 검색을 빠르게 만들기 위함.데이터의 중복 방지. (Primary key, Unique)LOCK을 최소화. (동시성 증대)물리적인 공간 차지. (테이블처럼 데이터를 가짐)인덱스에 대한 유지/관리 부담데이터가 적다면 유지/관리 부담이 더 클 수 있음인덱싱되지

2021년 11월 19일
·
0개의 댓글

#4 프로토타입 - 심화 3 - deprecated __proto__과 모던 프로토타입 메소드들

proto proto는 사실 더 이상 권장되지 않는 기능이다. 최근 관련된 웹 표준에서 사라졌을 수 있으며, 혹은 사라지는 중일 수 있다. 물론, 호환성을 위해 아직 없애지 않는 브라우저가 대부분이긴 할 것이다. proto를 사용하기보다는 가능하다면 존재하는 코드를

2021년 10월 13일
·
0개의 댓글

JMeter로 웹사이트 성능 측정해보기

다운로드 주소 https://jmeter.apache.org/download_jmeter.cgi 에서 binary 타입을 받으면 됨 실행 윈도우에서는 bin 디렉토리에 있는 jmeter.bat 실행하면 됨. 맥에서는 ApacheJMeter.jar 직접 실행 가능한

2021년 10월 13일
·
0개의 댓글

#3 프로토타입 - 심화 2 - 네이티브 프로토타입

위의 코드를 실행시키면 결과가 어떤 것이 나올지 예측이 가능한가? 정답은 아래와 같다.응? 나는 alert('\[object Object]')를 입력한 적이 없는데?이전에 배웠던 내용이 잘 기억난다면, 위의 내용은 잘 풀어썼을 때 아래와 같다는 것을 생각해낼 수 있을

2021년 10월 10일
·
0개의 댓글

#2 프로토타입 - 심화 1

함수의 prototype 프로퍼티 위와 같이 함수에서 new 키워드를 이용해 새로운 객체를 생성하면, 함수의 .prototype에 존재하는 객체가 새롭게 생성된 객체의 프로토타입 객체가 된다. > 참고로 자바스크립트에서는 함수도 객체이다. 단순히 객체 뒤에 괄호를

2021년 9월 29일
·
0개의 댓글

#1 프로토타입

프로토타입이 해결하려는 문제 객체지향을 배우다보면, 항상 나오는 핵심 개념으로 '상속'이라는 개념이 있다. '상속'이란 말 그대로 부모가 가진 특성을 자식이 그대로 이어받는 것을 말한다. 객체에는 크게 멤버와 메소드가 존재하는데, 자바와 같은 언어에서 부모 객체를 상

2021년 9월 29일
·
0개의 댓글

#2 이벤트 캡처링과 버블링

이벤트 버블링이란, UI상에 중첩된 DOM 요소에 이벤트가 걸려있을 때, 가장 구체적인 부분으로부터 밖으로 이벤트가 퍼져나가는 현상을 의미한다.해당 코드예제는 여기에서 구경해볼 수 있다. 위 코드의 결과는 아래와 같다.HTML 코드를 살펴보면 알 수 있듯, 3개의 DI

2021년 9월 26일
·
0개의 댓글

#1 웹브라우저의 DOM과 기타 요소들

DOM, HTML 등을 설명하다보면 필연적으로 맞딱드리게 되는 것이 Element라는 용어이다. Element는 웹 페이지의 일부이며, XML 혹은 HTML 내부에서 텍스트나 이미지의 일부 혹은 데이터 아이템을 가지고 있을 수 있다. 물론 아무것도 가지고 있지 않는 것

2021년 9월 25일
·
0개의 댓글

프론트엔드 환경 파악 도구 Wappalyzer

웹사이트에 사용된 기술을 알려줍니다.어떤 웹사이트에서도 기술 스택을 알아냅니다. 회사 및 연락처 세부정보와 함께 특정 기술을 사용하는 웹사이트의 목록을 만듭니다. 시장 분석과 경쟁업체 조사, 잠재고객 발굴을 위해 우리 도구를 사용해보세요.Identify technolo

2021년 9월 24일
·
0개의 댓글

프론트엔드 개발 환경 공부 #19 번들 결과 최적화

번들링한 결과물의 코드가 커지면, 브라우저에서 해당 파일을 로드하는데 너무 많은 시간을 소모할 수 있다. 결과적으로 사용자가 기다려야 할 로딩 시간이 너무 길어진다. 그렇다면 번들링한 결과를 어떻게 최적화할 수 있을지 몇가지 방법에 대해 알아보자.위와 같이 SET NO

2021년 9월 23일
·
0개의 댓글

프론트엔드 개발 환경 공부 #18 핫 모듈 리플레이스먼트

웹팩 개발 서버에서는 HTML이나 JS의 소스 코드를 변경했을 때, 모든 소스 코드를 다시 가져오면서 화면을 다시 그려주는 방식으로 우리에게 개발 편의성을 제공했다.그런데 SPA(Single Page Application)에서는 빈 html인 index.html과 같은

2021년 9월 22일
·
0개의 댓글

프론트엔드 개발 환경 공부 #17 webpack-dev-server API 서버 연동

Mock-up API란 실제 데이터가 아직 완성되지 않았을 때, 가짜 데이터로 화면을 구성해보는 것이다.webpack-dev-server에서 expressjs의 서버 인스턴스를 devServer.app이라는 이름으로 넣어준다. 단순히 위와 같이 작성함으로써, 가짜 AP

2021년 9월 21일
·
0개의 댓글

프론트엔드 개발 환경 공부 #16 webpack-dev-server

webpack-dev-server는 웹팩을 이용한 애플리케이션을 개발하는 것을 도와주는 도구이다. 웹팩의 설정 파일에도 이를 설정하기 위한 devServer라는 설정이 있다.개발 환경에서 단순히 html을 열어서 해당 코드가 잘 돌아가나 확인하는 것이 아니라 서버와 비

2021년 9월 21일
·
0개의 댓글

프론트엔드 개발 환경 공부 #15 자동화 (git hook, IDE단 적용)

린트나 프리티어를 사용할 때 명령어로 등록하여 사용해도 되지만, 명령어로 사용하면 코드를 작성한 이후 실행을 깜빡할 때가 많기 때문에 추천하지 않는다.git으로 소스코드를 관리한다면 githook을 이용하여 lint를 통과해야만 push나 commit을 허용하는 정책을

2021년 9월 21일
·
0개의 댓글

LF와 CRLF의 차이 (Feat. Prettier)

나는 주로 윈도우즈에서 코딩을 한다. (윈도우즈에서 코딩을 하는 것을 미리 알리는 이유는 이 에러의 원인과 관련이 있다.) 아무튼 내가 윈도우즈를 사용하는 이유는 회사 컴퓨터가 윈도우즈고, 직장 동료들도 윈도우즈를 쓰고 있기 때문에 최대한 모든 환경을 팀에 맞추고 싶기

2021년 9월 21일
·
0개의 댓글

프론트엔드 개발 환경 공부 #14 Prettier 알아보기

ESLint는 포맷팅 및 버그 방지였다면, Prettier는 포맷팅에 집중하여 코드를 더 예쁘게 만드는 도구이다. 반면 ESLint 처럼 버그 방지와 같이 코드 품질과 관련된 기능은 하지 않는다.app.js를 다음과 같이 작성했다.여기에 prettier 명령어를 적용해

2021년 9월 20일
·
0개의 댓글

프론트엔드 개발 환경 공부 #13 ESLint 알아보기

Lint란 옷에 일어난 보풀같은 것을 말한다. 위의 사진이 바로 Lint이다. 코드도 작성하다보면 작은 보푸라기들이 있을 수 있다. 그런 것들을 없앨 수 있게 도와주는 것이 ESLint이다.위의 경우에 아마 사용자가 의도한 동작은 console.log()를 이용해 로그

2021년 9월 20일
·
0개의 댓글

프론트엔드 개발 환경 공부 #12 SASS 소개 및 웹팩에 적용해보기

프론트엔드에서 쓰는 CSS 역할을 하는 전처리 언어이다.SASS 공식문서.sass: sass의 코드만 사용할 때 이 확장자를 사용한다..scss: sass와 css의 코드를 둘 다 사용하고 싶을 때 이 확장자를 사용한다.이렇게 변수 등을 할당해서 사용할 수 있다.이렇게

2021년 9월 20일
·
0개의 댓글

프론트엔드 개발 환경 공부 #11 최신 문법으로 작성한 프로젝트를 IE에서 동작하게 만들어보기

IE에서 동작시키려면 몇가지 요구사항이 있다.babel이 있어야 한다.@babel/core, @babel/cli, @babel/preset-envwebpack이 있어야 한다.웹팩은 5버전 기준이 가장 무난하다.polyfill이 있어야 한다.core-jscss-loade

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

프론트엔드 개발 환경 공부 #10 바벨과 웹팩 통합하기

실무에서는 바벨을 직접 사용할 일은 거의 없고 웹팩에 바벨 설정을 넣어서 사용하는 경우가 대부분이다. 보통 이것도 로더 형태로 제공하는데, babel-loader가 바벨을 불러오는 역할을 한다.babel-loader를 통해서 .js 파일을 로드해주면 된다.core-js

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