python 프로젝트 생성
$ django-admin startproject [생성될이름] >project/   ㄴmanage.py   ㄴproject/    ㄴinit.py    ㄴsettings.py    ㄴurls.py    ㄴasgi...
모의면접
실제로 DOM을 제어하지 않고 중간에 가상의 virtual DOM을 두어 virtual DOM이 변경이 될 때, 실제 DOM을 변경하도록 설계한다. 이 작업을 Reconciliation (virtual DOM과 DOM을 비교해 DOM을 갱신하는 작업) 이라고 한다이 때
firebase CRUD
collection 추가 ( setDoc, doc)하위 문서 이름이 비어있으면 오류남collection and 하위 문서 이름이 중복될때는 덮어씌어짐하위 문서 추가 ( addDoc, collection )하위문서 이름이 상관없을때 사용collection에 있는 값들을
모의면접 1주차
Q. 일반적으로 CSS ` 태그를 ` 태그 사이에 위치시키는 이유는? HTML을 파싱하는 중간에 ` 를 만나면 ` 파싱은 병렬적으로 수행되어 HTML 파싱과 동시에 진행된다. 따라서 ` 태그 안에 CSS ` 를 삽입하면, HTML과 CSS가 병렬적으로 파싱되어 CSSOM을 더 빠르게 완성할 수 있다. 따라서 사이트에 렌더링 되는 시간도 빨라진다. ` 를 H...
DOM 조작 방법
위와 같이 하게 되면 div 태그가 생성된다변수에 담을수도 있다생성된 div태그를 body에 적용시키자클래스가 tweet인 html을 불러오자클래스가 tweet인 모든 html을 불러오자기존의 부모요소에 자식요소로 넣어보자querySelector 와 같은 getElem
cors 정리
CORS(Cross Origin Resource Sharing) >CORS 정책은 우리가 가져오는 리소스들이 안전한지 검사하는 관문이다. 주로 아래의 오류가 cors의 에러다 HTML : 기본적으로 Cross-Origin 정책을 따름 link 태그에서 다른 origin의 css 등의 리소스에 접근하는 것이 가능 img 태그등에서 다른 리소스에 접...
디바운싱과 쓰로틀링
디바운싱(debouncing) >연이어 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것 주로 ajax 검색에 자주 쓰임 예로 실시간 검색을 할때 사용자가 원하는 단어를 다 입력하기전에 입력할때 마다 ajax 요청을 보내게 되면 유료api였을때 큰 비용이 들게 된다. 비용뿐만 아니라 사용자의 경험과 서버에게도 부담이 되어 좋은 방향은...
sequelize-cli를 통한 model생성
sequelize 시퀄라이즈를 시작하기 앞서 npm을 통해 설치를 해주어야 한다 npm i sequelize sequelize-cli mysql2 init을 통해 sequelize 초기 세팅을 시작한다 npx sequelize init 위 명령을 하게 되면 몇가지의 폴
express 초기 설정
express express.js는 node.js를 빠르고 쉽게 이용할 수 있게 해주는 프레임워크 입니다. package.json 생성하기 npm init express.js 설치하기 npm install express 출력 하기 package.json에 아래
Route 53 구축
Route 53 aws에서 제공하는 도메인 라우팅 서비스이다. 백주소를 설정하는중 서버주소를 결정하는곳이다 트래픽 라우팅 대상을
CloudFront 구축
CloudFront CloudFront는 AWS에서 제공하는 CDN 서비스이며 캐싱을 통해 사용자에게 좀 더 빠른 전송 속도를 제공함을 목적하는 서비스이다. 
Load Balancer
Load Balancer 이번엔 부하분산 또는 로드 밸런싱은 컴퓨터 네트워크 기술의 일종으로 둘 혹은 셋이상의 중앙처리장치 혹은 저장장치와 같은 컴퓨터 자원들에게 작업을 나누는 것을 의미하는 로드 밸런서를 구현해보겠다. ec2로 와서 대상 그룹을 설정해주자 대상 그
Certificate Manager 인증서 관리
Certificate Manager 도메인을 이미 구매했다는 전제하에 시작함 https 구축을 위한 인증서 발급 및 인증서를 사용할 수 있게 도와주는 Certificate Manager를 다루겠다. 이 인증서에 다른 이름 추가를 눌러 도메인은 본인이 등록한 도메인과 앞에 *. 을 붙여서 총 2개를 등록한다 ![]
EC2 구축
EC2 현재 나의 서버 구현 상태이다 스택은 node.js + express + typeorm 을 사용했다 모두 미국 동부 (버지니아 북부)에서 생성했음
require와 import 차이
require과 import의 차이 원래 기존까지는 Node.js 개발 환경에서 모듈을 불러올 때 기존의 자바스크립트가 지원하는 방식대로 require / exports 를 사용했다. 그러나 React나 Vue를 쓴 코드에서는 import react from 'reac
회고
nest nest는 나중에 연습삼아 하는것으로 결정했다. express를 확실하게 배워야 그 토대로 nest를 파생시켜 나갈 수 있는데 express를 겉핥기로 배웠더니 nest도 생각보다 어렵게 느껴졌다. 아무래도 타입스크립트가 갑자기 더해져서 크게 다가온것처럼 보인다. 지금 하고 있는 개인 프로젝트를 express로 변환시켜야겠다. 알고리즘 여전히 2...
MVC 패턴
MVC란, Model View Controller의 약자로 소프트웨어 공학에서 사용되는 소프트웨어 디자인 패턴이며 애플리케이션을 세가지 역할로 구분한 개발 방법론이다. Model: 데이터를 가지고 있거나 데이터베이스로부터 받아온 값들을 Controller와 교류한다.V