profile
Earn this, Earn it.

구조 정리 및 장단점

진입점인 app.js에서 싱글페이지 라우팅을 담당view는 html과 이벤트 등록 + AbstractView로부터 상속되는 클래스로 구현controller는 view에서 event-emitter로 호출됨 + model의 데이터를 조회하고 이벤트 핸들러 함수들로 구성됨m

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

[TIL] Webpack, Babel, MVC패턴, SCSS

✅ Facts MVC 패턴? MVC패턴은 디자인패턴 중 하나이다. 디자인 패턴이란 프로그램이나 어떤 특정한 것을 개발하는 중에 발생했던 문제점들을 정리해서 상황에 따라 간편하게 적용해서 쓸 수 있는 것을 정리한 특정한 규약과 같은 것을 말한다. model 애플리케

2021년 9월 8일
·
0개의 댓글
post-thumbnail

[TIL] HTML, CSS 레이아웃을 익혀보자!

프로그래밍에서 시맨틱은 코드 조각의 의미를 나타낸다.mdn의 예를 빌리면, "이게 어떻게 시각적으로 보여질까?"보다는"이 코드 라인을 실행하는 것이 어떤 효과가 있고 어떤 목적이나 역할이 있는가?"를 말한다고 한다.출처 : MDN즉, 내가 이해한 바로는 코드를 보기만

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

[TIL] pug 템플릿 엔진을 잘 사용해보자

SSR에서 html을 조금 더 세련되게 쓸 수 있도록 돕는 express 뷰 엔진이다. 이는 html태그들과 javascript를 함께 실행할 수 있게 돕는다pug는 파일을 렌더링하여 html로 변환한 뒤 내부의 javascript(없을 수도 있음)를 실행하여 텍스트로

2021년 8월 24일
·
0개의 댓글
post-thumbnail

[TIL] (node.js) Express에 대해 알아보자!

바디파서스택오버플로우 답변(https://stackoverflow.com/questions/29960764/what-does-extended-mean-in-express-4-0/45690436

2021년 8월 23일
·
0개의 댓글
post-thumbnail

[TIL] HTTP요청/응답, 프록시 서버

WireShark 도구가 동작하는 원리

2021년 8월 13일
·
0개의 댓글
post-thumbnail

[TIL] SQL

CREATE : 테이블 생성CREATE TABLE 테이블명ALTER TABLE : 테이블 수정ALTER TABLE 테이블명 ADD or MODIFY or DROP 컬럼명 데이터타입 \[제약조건]DROP TABLE : 테이블 삭제DROP TABLE 테이블명TRUNCATE

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

[TIL] URL과 정규식

Mocha vs Jest 배우기 쉬운-> 닥 제스트

2021년 8월 10일
·
0개의 댓글
post-thumbnail

[TIL] HTTP 요청

HTTP 요청 어떤 모듈을 쓸까? fetch vs Axios vs isomorphic-fetch 오버플로우 토론 질의응답 DOM Parser 다양한 파서들 Performance Faster than htmlparser2! htmlparser :26.7111

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

[끄적끄적] 8월 8일 (일)

참 아이러니다. 몸이 힘들어지면서 마음이 편해졌다. 그리고 그 동안 쌓였던 고통이 씻겨내려간다. 흔히 몸이 힘들면 마음이 편하고 몸이 편하면 마음이 불편하다고 한다. 아마 군대를 빗대며 들었던 말이었던 것 같다. 나는 몸이 편한 곳을 선택해 의무경찰에 복무했었다. 아직

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

[TIL] 비동기와 이벤트처리

나만의 방식으로 간단하게 얘기해보자면, 자바스크립트의 비동기 방식은 프로미스나 프로미스 안의 콜백함수를 테스크 큐에 넣고 콜 스택이 비었을 때 이벤트루퍼가 콜 스택으로 푸쉬해주는 형태로 동작한다.따라서 를 하여도 for문이 다 돌고 난 뒤에 wow가 출력된다.자바스크립

2021년 8월 5일
·
0개의 댓글

스크롤 압박..ㅠ

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

[TIL] 네트워크 계층

Why BASE64? UUID 위키

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

[TIL] 비동기와 Promise

Promise는 자바스크립트에서 비동기 처리에 사용되는 객체 <-이해가 어려움Event Emitter에 이벤트를 넣어주고 그걸 프로미스로 받는 아이디어프로미스의 3가지 상태 <- async/await이 아닌 Promise는 굉장히 생소했다.이다.Event E

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

[TIL] 프로세스와 스레드

하나의 프로세스 내부에서 하나의 스레드는 하나의 코드 실행 흐름이기 때문에 여러 스레드(멀티 스레드)를 사용하면 동시 작업이 가능한 멀티 테스킹을 할 수 있다.이 때, 메모리에서 데이터를 가져오는 동안, 코어들이 잠시동안 동작을 멈추는데 이것을 Memory Stall

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

[TIL] 분산 저장소

(Distributed Version Control Systems ) 즉, 분산 버전 관리 입니다.로컬(local) : 현재 프로젝트 폴더에 존재하는 파일 그 자체인덱스(index) : add 명령어 수행시 해당 변동 사항을 반영하는 곳. 파일명, 파일의 내용을 담고

2021년 7월 29일
·
0개의 댓글
post-thumbnail

[TIL] 함수형 프로그래밍

프로그래밍 패러다임(Programming Paradigm)은 크게 명령형, 절차지향, 객체지향, 선언형, 함수형이 있다.명령형 : 어떻게 할 것인지를 설명하는 방식절차지향 : 수행될 순서에 따라객체지향 : 객체들의 집합으로 프로그램의 상호작용을 표현선언형 : 무엇을 할

2021년 7월 28일
·
0개의 댓글
post-thumbnail

[TIL] 클래스와 추상화

객체를 만들어 내기 위한 틀시작 문자를 대문자로 하는 게 암묵적 룰.구현 대상 (클래스의 인스턴스)구현된 구체적 실체메모리에 할당됨.우리는 모두 사람이라는 클래스에서 상속받았다?어떤 클래스에서 더 확장된 클래스를 만들 수 있다. 쉽게 말해 상위 클래스의 모든 상태(st

2021년 7월 27일
·
0개의 댓글
post-thumbnail

[TIL] XML Parser

🚀 XML Parser XML ? XML(eXtensible Markup Language)은 W3C에서 개발된, 다른 특수한 목적을 갖는 마크업 언어를 만드는데 사용하도록 권장하는 다목적 마크업 언어이다. 인터넷에 연결된 시스템끼리 데이터를 쉽게 주고 받을 수 있도록

2021년 7월 26일
·
0개의 댓글
post-thumbnail

[알고리즘] 브루트포스와 DFS/BFS

브루트포스란 나올 수 있는 모든 경우의 수를 계산하여 조건에 맞는 값을 가져와 알고리즘을 푸는 방식이다. 다른 말로 완전탐색이라고 한다.브루트포스 알고리즘의 장점은 무조건 결과를 찾을 수 있다는 점이나, 모든 경우의 수를 계산하기에 딱히 알고리즘이라 볼 수 없을 뿐더러

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