분류 전체보기
-
로그인 구현 시 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..
-
Web Architectures 정리concept/server 2020. 6. 10. 22:52
클라이언트, 서버, API가 무엇인가 : 클라이언트는 사용자 입력을 주로 수행하고 서버의 응답을 화면에 표시한다. : 서버는 정보를 제공하는 주체 : 클라이언트가 서버에서 정보를 제공 받으려면 API를 통해서 해야한다. 그 API중에 예를 들어서 fetch가 있는데 fetch의 구조를 살펴보자 fetch('리소스 주소', 설정객체).then(콜백함수:응답 response 객체).catch(콜백함수:요청에 대한 에러); 웹 개발과 관련한 아키텍처에 대한 이해 - 브라우저란? : 사용자의 컴퓨터가 인터넷에 접속되어 웹 서버로부터 가져온 여러 가지 정보를 볼 수 있도록 도와주는 소프트웨어 - 브라우저의 역할이란? 인터넷을 쉽게 항해할 수 있다. 원하는 웹사이트에 쉽게 접속할 수 있다. 정보를 쉽게 검색할 수 ..
-
state 끌어올리기 / props drilling(프로퍼티 내려꽂기)concept/React, Redux, RN 2020. 6. 1. 02:28
State 끌어올리기를 쓰는 이유? : 종종 여러 컴포넌트에서 동일 데이터의 state를 변경해야하는 경우가 생기는데, 이 때 가장 가까운 부모 컴포넌트로 state를 끌어올리는 것이 좋다. 예를 들어 sprint 파일의 App.js에서 state를 바꾸는 이유는? videoplayer.js와 videolistEntry.js가 만나는 부모 컴포넌트가 App.js이기 때문이다! State 끌어올리기를 쓰는 방법? : event handler를 부모 컴포넌트에서 setState를 사용해서 작성한 후 props로 내려준다! 그래서 그 이벤트가 실제로 실행되는 컴포넌트에서 전달인자로 props를 받아서 이벤트 함수를 실행시켜준다 (ex. onClick) 예를 들어 sprint 파일에서 이벤트에서 인자를 vide..
-
Reactconcept/React, Redux, RN 2020. 6. 1. 02:19
출처 : 코드스테이츠, 생활코딩, velopert What is "React"? 리액트는 UI(유저 인터페이스)를 만들기 위한 자바스크립트 라이브러리 웹사이트를 만드는 것은 결코 단순한 작업이 아니다. 상태를 관리해야할 DOM이 많아지면서 코드가 아주 복잡해져버리는 것이다. 그래서 상태관리를 최소화하고 기능 개발에만 집중할 수 있게 해주는 프레임워크가 나타나게 된다. 예를 들어 angular, Vue, React 등이 있다. Component 이 중에서 React는 Component에 집중하고 있다. 여기서 Component는 하나의 의미를 가진 독립적인 단위 모듈이라고 정의할 수 있는데 이렇게 말하면 너무나 어렵다. 쉽게 말하자면 나만의 HTML 태그(나만의 Component)를 만들 수 있다는 것이다..