profile
프론트엔드 개발자
post-thumbnail

Backend 8강

두개의 도커를 하나로 => Docker-Compose 백엔드 서버용 docker, db 서버용 docker를 하나씩 모두 띄워놓으면 포트포워딩에서 많이 복잡해질 수 있다. 이를 해결하기위해 Docker-Compose로 묶어주면 편리하다 docker-compose.yam

5일 전
·
0개의 댓글
post-thumbnail

Backend 7강

데이터베이스 전체적인 구조 SQL(관계형 데이터베이스) => 표형태(Table), 행(row) ex) 엑셀 여러가지의 Table을 결합시킬 수 있다.(관계형) Oracle, MySQL, MSSQL, PostgreSQL NoSQL => 서류봉투(Collection) 안

5일 전
·
0개의 댓글

CodeCamp 38강

→ 슬리드로 보기웹서비스와 앱서비스(안드로이드,IOS) 프론트앤드만해도 개발자가 너무 많이 필요하기 때문에웹사이트를 우선 만들고 모바일웹(크롬브라우저를 켜고 그 안에서 웹을 구동한다. 반응형 웹)을 만든다.ReactNative에 webview를 활용하여 브라우저를 띄워

5일 전
·
0개의 댓글

CodeCamp 37강

→ 슬리드로 보기‏‏‎ ‎지난번에 했던 과정브라우저에서 DNS 통해서 LB로 연결 => 스토리지(HTLM,JS,CSS)=>LB=>DNS=>브라우저VM인스턴스(git clone, yarn build:ssr, yarn start)‏‏‎ ‎브라우저 => Ip주소 입력 =>

5일 전
·
0개의 댓글
post-thumbnail

Backend 6강

NHN-Cloud console 서비스에서 sms 서비스를 이용하면된다.발신번호관리에서 보내는 번호 인증을 해주고(실제 서비스의 경우 서류인증을 통해 번호를 바꿀 수 있다.)URL과 Appkey, SecretKey를 받아주면 된다.사용자 가이드에서 아래와 같은 양식으로

5일 전
·
0개의 댓글
post-thumbnail

Backend 5강

API 브라우저에서 요청하면 실패 => CORS(cross origin resource sharing) postman,모바일앱에서는 정상작동하나 localhost에서 html로 작성한 파일로 브라우저에서 api 요청을하면 아래와 같이 cors 에러가 남 서로가 다른

5일 전
·
0개의 댓글
post-thumbnail

Backend 4강

swagger 설치 후 docs에 적힌 설명대로 아래와 같이 import를 해준다.간단하게 api 설명서를 작성할 수 있도록 express 전용 정해진 틀이 있는데 npm에서 swagger-ui-express 다운받아준다.api 파일 안에 swagger까지 같이 작성하

6일 전
·
0개의 댓글

Backend 3강

====> 아래와 같이 얕은 복사 가능, 배열도 마찬가지객체를 깊은 복사 할때 JSON.parse(JSON.stringify(object)) 하게되면 큰 데이터의 경우 성능저하가 올 수 있는데 lodash를 활용하면 이를 해결할 수 있다.===> 객체에서 원본을 건드리

6일 전
·
0개의 댓글

Backend 2강

변수 선언 방법 => Destructuring > 객체의 경우 {}를 사용하고 배열의 경우 []를 사용한다. 하지만 객체의 경우 key값이 있기때문에 key값을 맞춰주어야하고 배열은 key보다는 순서가 중요하기때문에 순서대로 구조분해할당이 된다. > 함수 또한

6일 전
·
0개의 댓글

Backend 1강

1. 브라우저 없이 사용하는 Javascript => Node.js/npm/yarn Node.js? 과거에 JS로는 웹페이지밖에 만들지 못했음 그래서 브라우저 없이 JS를 실행시켜주는 프로그램을 만들자는 취지에서 나온 프로그램이 node.js npm? 누군가가

6일 전
·
0개의 댓글
post-thumbnail

원티드 프리온보딩 코스 숏에세이

부트캠프를 막 졸업했거나, 혼자서 독학으로 코딩을 배운 경우 대부분의 기업에서는 경력직을 원하기 때문에 주니어개발자가 신입으로 취업하기란 여간 어려운게 아니다.이러한 주니어들을 위해서 원티드에서 다양한 기업들과 연계하여 경험도 쌓고 취업도 연계할 수 있게 준비해준 코스

7일 전
·
0개의 댓글
post-thumbnail

CI/CD

CI는 간단히 요약하자면 빌드/테스트 자동화 과정이다. CI는 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미한다. CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어

2022년 5월 7일
·
0개의 댓글

SPA vs MPA

SPA(Single Page Application) vs MPA(Multi Page application) SPA는 한개의 페이지로 구성된 어플리케이션, MPA는 여러개의 페이지로 구성된 어플리케이션이다. SPA는 웹 애플리케이션에 필요한 모든 정적 리소스를 최초 한

2022년 5월 6일
·
0개의 댓글

# Docker

Windows , Mac-OS , 신입사원 Linux => 신입사원 Node16 설치, Mysql8 설치...신입사원 : 버전까지 맞춰서 설치했는데 왜 안돼? 운영체제에 따라 달라지는 환경때문에이후에 해결방법으로 각자 운영체제 안에 가상머신을 설치하여 Linux

2022년 5월 6일
·
0개의 댓글

Domain, DNS, Hosting

ip는 사람이 이해하고 기억하기 어렵기 때문에 이를 위해서 각 ip에 이름을 부여할 수 있게 했는데, 이것을 도메인이라고 한다.opentutorials.org -> 115.68.24.88naver.com -> 220.95.233.172daum.net -> 114.108

2022년 5월 6일
·
0개의 댓글

SSG SSR CSR

브라우저에서 웹페이지를 보여주기위해 HTML CSS JAVASCRIPT 파일을 다운받아 랜더링하게되는데 클라이언트에서 보여줘야하는 페이지들을 미리 다운받아놨다가 필요한 순간에 브라우저에 바로 보여주게되는 방식으로 미리 모든 페이지들이 다운로드 되어 있기 때문에 속도가

2022년 5월 6일
·
0개의 댓글

HTTP,HTTPS

HTTPS는 기본포트가 443HTTPS를 사용하려면 인증서(유료,무료)를 설치해야함, 무료인증서(certbot) => 파일을 설치해야하는데 과정이 복잡함Cloud에서 제공해주는 LB를 통해 구글인증서(SSL인증서)를 사용해주면 간단하게 해결할 수 있다.‏‏‎ ‎sour

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

ES6의 주요 특징

함수에서 사용하는 인자값에 대한 default 처리가 편리해졌다.기본에는 ""와 +를 이용하여 하나씩 추가해줘야했던 것과 달리 백틱과 $을 통해 간단하게 처리할 수 있다.기존에는 변수 하나하나마다 다 나눠서 할당해줘야 했던것과는 다르게 es6로 넘어오면서 한번에 처리할

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

javascript와 nodejs

JavaScript는 브라우저, 문서 등을 다루는 즉, client에 대한 개발을 하는 도구이다. 자바 스크립트는 스크립트 언어로써 특정한 환경(브라우저) 에서만 사용가능한데 nodejs를 통하여 특정한 환경(브라우저) 없이도 실행을 할수 있게 됩니다.nodejs는 c

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

var , let, const

옛날에 사용되던 var 가 let과 const로 분리되어 사용중이다.var의 경우 중복선언, 재할당이 가능하며 특이한건 함수 내부에서 선언된 변수는 지역변수로 간주하고 나머지는 전역변수로 간주한다. 여기서 호이스팅 문제로 많은 변수가 발생하기도 한다. 이 때문에 let

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