220118_TIL_07

일반적인 방식 : 껍데기 받아오고 데이터 2차적으로 받아와서 채워주는것 데이터까지 같이 채워지는 방법? SSR(서버사이드렌더링) 방식으로 존재 storage : DB에 저장할 용량이 클 경우 외부 클라우드 서비스(NHN 등)에서 저장하게됨 DB : 브라우저에서

2022년 5월 17일
·
0개의 댓글
·
post-thumbnail

코드캠프 후기

⭐️ codecamp 수료 후기 ⭐️ 서론 불과 5개월 전만 해도 나는 대기업 정규직 전환을 앞두며 일하고 있었는데, 모두의 반대를 무릅쓰고 퇴사를 결정하였고 5개월 후인 나는 현재! 백엔드 개발자로 2022년 4월 8일 코드 캠프를 수료하게 되었다! **

2022년 4월 17일
·
1개의 댓글
·

Readme 파일 만들기

구글, 카카오, 네이버 소셜로그인 과 로그아웃 및 검증, 아임포트를 통한 결제와 결제취소, 트랜잭션 결제 검증, 썸네일 생성 구현 가능인증과 비인증 회원 권한 다르게 설정https://daseul.shop현재는 배포되어있지 않은 상태nodejstypescrip

2022년 3월 12일
·
0개의 댓글
·

HTTPS & SSL

HTTPS(Hypertext Transfer Protocol Secure) HTTPS란? 서로 다른 시스템들 사이에서 통신을 주고받게 해주는 가장 기초적인 프로토콜인 HTTP + Secure(보안기능) 서버에서부터 브라우저로 전송되는 정보가 암호화되지 않는 보안문제를

2022년 2월 28일
·
0개의 댓글
·

VPC(Virtual Private Cloud)

가상의 네트워크를 만들고 같은 네트워크끼리(같은 IP 대역 끼리) 쉽게 통신을 할수 있게 해주는것(방화벽 없이 연결 가능)따라서, 같은 VPC 내 컴퓨터는 누구나 접속 가능함(=VPC 피어링)VPC가 없다면 각각의 인스턴스들이 서로 연결되고 인터넷과 연결되는데, 이럴

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

Load Balancer(로드밸런서)

트래픽이 증가하면 서버에 가해지는 부하를 분산해주는 장치 및 기술부하분산 이라고도 불림사용자가 한, 두명 일 경우에는 서버가 여유롭게 사용자가 원하는 결과를 응답해줄수있지만,사용자가 많아질수록 서버는 모든 사람들에 대해 응답을 해주지 못하여 동작이 멈추게됨이러한 경우

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

방화벽 & DMZ

방화벽 방화벽이란? 외부로부터 내부망을 보호하기 위한 네트워크 구성요소의 하나 외부의 불법침입(해커, 공격자)으로부터 내부 네트워크 혹은 내부 정보 자산(PC, 서버, DB)을 보호하고 외부로부터 불법정보 유입을 차단 방화벽의 주요 기능 접근제어 인증 메세지인증

2022년 2월 24일
·
0개의 댓글
·

220117_TIL_06

동기 / 비동기 HTTP : 서버 통신의 길로 요청과 응답 으로 이루어짐 front -> back : 요청 back -> 다른 back (express 서버 -> 메일관련/ 문자발송관련 back) : 요청 그에 대한 응답 글등록하고 불러오기했

2022년 1월 30일
·
0개의 댓글
·

220114_TIL_05

CORS : 데이터를 나눠주는데 있어서 원본이 바뀐것 해당하는 브라우저에 대해서 허용을 해줘야지만 데이터의 요청과 응답이 가능해지는데, 요청해주지 않으면 cors 에러 발생 따라서, 백엔드 컴퓨터 express로 가서 허용해주고 싶은 주소를 입력해줘야됨 cors 설치

2022년 1월 30일
·
0개의 댓글
·

220113_TIL_04

express : Node에서 쉽게 웹 서버를 개발할 수 있도록 도와주는 프레임워크 요청과 응답을 도와주는 역할 express 설치 yarn init 으로 package.json 파일 설치 package.json 파일에 “type": "module" 추가 yarn a

2022년 1월 30일
·
0개의 댓글
·
post-thumbnail

220112_TIL_03

API : 각각의 함수들 위의 요청과 응답은 게시물을 등록하기 위한 요청과 응답 기능에 맞게 각각의 함수들을 하나하나 만들어줘야됨 : 각각의 요청에 대한 응답을 만들어주는것 API 2가지 종류 - rest-API 주소처럼 생김 프론트엔드입장에서 제목만 필요한데 내용

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

얕은복사 & 깊은복사

mymoney 의 값을 바꾸더라도 (my money = 500) mymoney2 의 값은 바뀌지 않는게 당연한것복사를 하였기에 처음 선언한 값이 바뀌더라도 복사한값은 바뀌지 않음!객체는 복사를 하니 같이 값이 바뀐것을 확인할수있음! (배열도 포함) 그럼 복사가 잘못된

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

스크래핑 & 크롤링

scraping(설치도구 : cheerio) : 다른 사이트 정보를 한번 가져오는것api로 해당 사이트 html(url주소) 가지고 오는것언제 사용? 링크를 공유하면 밑에 자동적으로 사이트 이미지가 미리보기로 가지고올때<div></div> 안에 넣어서 미리보

2022년 1월 23일
·
0개의 댓글
·

TypeScript (타입스크립트)

TypeScript 란? 마이크로스프트에서 개발한 자바스크립트의 확장된 상위 프로그래밍 언어 javascript가 .js 확장자를 가진 파일로 작성되는 것과 같이 typescript는 .ts 확장자를 가진 파일로 작성할 수 있고, 작성 후 타입스크립트 컴파일러를 통

2022년 1월 23일
·
0개의 댓글
·

Callback function (콜백함수)

다른 함수의 매개변수로 넘겨준 함수를 의미매개변수로 넘겨받은 함수는 넘겨받은채로 있다가, 호출될때에 호출된 순서대로 실행이 되는것ele, index, arr 매개변수 중 호출된 ele 매개변수만 먼저 실행하게되는것

2022년 1월 16일
·
0개의 댓글
·

구조분해할당

JavaScript에서 많이 쓰이는 객체와 배열의 속성을 분해하여 그 값을 개별 변수에 담는 기능원본데이터는 변화되지 않음순서 중요! 숫자 또는 문자들로 이루어진 배열이 존재새로운 변수 선언를 선언하여 구조분해할당을 통해 할당firtst 에는 arr 0 할당second

2022년 1월 16일
·
0개의 댓글
·
post-thumbnail

Template Literals

ES6에 추가된 문법 중 하나로 내장된 표현식을 허용하는 문자열 리터럴문자열(String)을 작성할때 작은따옴표('') 또는 큰 따옴표("") 를 사용하는 대신에 백틱(\`\`)을 사용해 표현 훨씬 더 간결해진 문자열 표현법표현식/문자열 삽입, 여러 줄 문자열 삽입 가

2022년 1월 15일
·
0개의 댓글
·
post-thumbnail

HTTP

인터넷에서 데이터를 주고받을 수 있는 프로토콜(=규칙) (웹에서 이루어지는 모든 데이터 교환의 기초 )웹에서는 브라우저와 서버 간에 데이터를 주고받기 위한 방식으로 HTTP 프로토콜을 사용요청 : 브라우저(클라이언트 / Frontend) → 서버(Backend)응답 :

2022년 1월 15일
·
0개의 댓글
·
post-thumbnail

Git

Git 이란 " 버전관리시스템 (시간순으로 파일 변화를 기록하고 나중에 특정 시점의 버전을 다시 꺼내올수있는 시스템) " 으로 변경사항을 추적하거나 협업할때 파일을 공유할수있는 시스템. 백업 및 복원이 가능 누가 수정하고 누가 관리하는지 알 수 있음 공유 가능 또한

2022년 1월 15일
·
0개의 댓글
·

220110_TIL_01

첫 2주동안 Node.js 를 사용한 수업이 진행된다고 하였다. '나는 Node.js 가 무엇인지도 모르는데..?' 정말 작은것 하나하나부터 알아보고 이해해서 나아가야하는데 쉽지않은 하루하루가 될 것 같다... _일단 2주동안 Node.js에 대해서 열심히 공부해봐

2022년 1월 15일
·
0개의 댓글
·