전체 글
-
콜백 때려잡기concept/javascript 2020. 6. 26. 23:14
이해한 것 같다가도 헷갈리는 콜백 다시 정리하기 콜백을 사용한 예시 var users = ['Minho', 'Oana', 'Ben']; function addUser(username, callback) { setTimeout(()=> { users.push(username); callback(); }, 5000); } function getUsers() { setTimeout(()=> { console.log(users); }, 5000); } // First add user to database then execute getUsers after user has been added. addUser("Ryan", getUsers); // addUser("Ryan", getUsers()); // 이 때 중요..
-
프로미스 기초concept/javascript 2020. 6. 26. 03:53
let users = ['oana', 'mino', 'ben', 'wil'] function myPromise(sec){ return new Promise((resolve, reject) => { setTimeout(() => { if(users){ resolve(users) } else { reject(users) } }, sec * 1000) }) } new Promise로 새로운 promise 객체를 생성하고 if 조건문에 성립할 때는 resolve를 통해 users를 내보내준다. 그래서 myPromise 함수를 실행하고 뒤에 .then을 붙이게 되면 그 parameter로 resolve() 안에 있는 users가 나오게 되는 것이다. 이게 바로 메소드 체이닝! 메소드 체이닝이란? 메서드가 객체를 ..
-
서버와 클라이언트의 연결 상관 관계 ( + body-parser module)error handling/Simple tips 2020. 6. 25. 18:47
아래 코드는 클라이언트 코드의 일부이다. 서버와 연결하기 위해서 fetch를 사용했다. 잠깐 fetch에 대해서 부연설명을 하자면 fetch를 사용할 때는 두번째 parameter는 옵션으로 들어가는 부분인데 적어주지 않는다면 default method는 GET이 될 것이다. 다른 method를 활용하고 싶다면 POST를 두 번째 파라미터에 적어주어야 한다. fetch("http://localhost:4000/signin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: this.state.email, password: this.state.password }) }) .then(r..
-
로그인 구현 시 session id 삽입error handling/Simple tips 2020. 6. 25. 17:48
보통 로그인이 성공하면 서버에 있는 session에 새로운 아이디를 심어주어 다음 로그인 시 활용하게 된다. 이 때, id라는 변수를 그대로 사용하면 기존에 있던 id값이 중복되기 때문에 userid 등 다른 변수를 사용해서 심어주어야 한다. signInController: (req, res) => { //TODO : 로그인 및 인증 부여 로직 작성 user .findOne({ where: { email: req.body.email, password: req.body.password } }) .then(result => { console.log(JSON.stringify(result)) //여기서 result 는 아래와 같다. //{"id":1,"email":"rnjsdhdus93@gmail.com","..
-
좋은 개발자가 되기 위한 영리한 공부법studying coding 2020. 6. 25. 16:50
출처: youtube 드림코딩 엘리 이 포스팅은 youtube 드림코딩 엘리님의 영상을 보고 개인 공부를 위해 요약해 놓은 포스팅입니다. 오른쪽 상단 출처를 클릭하면 영상으로 이동합니다. 본인의 T자를 개발한다. 이 T자를 크게 나누어보면 2가지로 나누어 볼 수 있다. 1. 한 분야에 대한 깊이를 쌓는다. 2. 활용할 수 있는 툴의 넓이를 넓힌다. 예를 들어 프론트엔드 개발자라고 생각해보자. 1. 한 분야에 대한 깊이를 쌓는 방법은 이 순서가 될 것이다. 가장 기본적으로 HTML CSS JS 활용 typescript react vue 번들링되는 사이즈가 얼마인지, 얼마나 어떻게 해야 줄어들 수 있는지 고려 lazy loading, bundling spliting해서 전달할 수 있을지 퍼포먼스는 어떻게 분..
-
[AWS 알아보기] S3, EC2, RDSconcept/AWS 2020. 6. 23. 19:05
AWS란? Amazon Web Services 아마존에서 개발한 클라우드 컴퓨팅 플랫폼이다. 기존 로컬에서만 사용할 수 있었던 웹 앱을 배포할 수 있게 만들어주는 도구 S3란? : frontend Amazon Simple Storage Service (인터넷용 스토리지 서비스) 이 서비스는 개발자가 더 쉽게 웹 규모 컴퓨팅 작업을 수행할 수 있도록 설계되었다. 여기서 중요한 개념은 버킷이다. bucket, 객체가 파일이라면 버킷은 연관된 객체들을 그룹핑한 최상위 디렉토리라고 할 수 있다. 버킷 단위로 지역(region)을 지정 할 수 있고, 또 버킷에 포함된 모든 객체에 대해서 일괄적으로 인증과 접속 제한을 걸 수 있다. Amazon S3에 데이터(사진, 동영상, 문서 등)를 업로드하려면 우선 하나의 A..
-
너무 헷갈리는 mysql 문법 연습문제들concept/DataBase 2020. 6. 16. 17:08
출처 : 코드스테이츠 Assume you have the following users table and data in a SQL database: Write a SQL query to select all columns for all users under 21. 더보기 SELECT * FROM users WHERE age < 21; Assume you have the following users table and data in a SQL database: Write a query to insert a new user Dog. Dog is 64 and likes chasing cars. 더보기 INSERT INTO users(name, Hobby, Age) VALUES ('Dog', 'chasing cars..
-
Server & Node 알고 넘어가야 할 요점 정리concept/server 2020. 6. 11. 00:14
HTTP (공통) HTTP 요청/응답을 브라우저를 통해 확인할 수 있고, 해당 내용을 읽을 수 있다. HTTP 다양한 요청 방식과, 응답 코드에 대해 이해할 수 있다. node.js modules의 사용 node.js의 내장 http 모듈을 사용할 수 있다. (mini node server) node.js의 내장 fs 모듈을 사용할 수 있다. (optional) (chatterbox server) http 모듈 사용시에 서버에 CORS 설정을 할 수 있다. (mini node server) CommonJS를 이용한 모듈 내보내기/불러오기를 할 수 있다. (chatterbox server) 라우팅과 API 라우팅(조건에 따른 분기)을 이해하고, 이를 서버 코드에서 구현할 수 있다. (mini node se..