concept
-
[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)를 만들 수 있다는 것이다..
-
콜백 (callback)concept/javascript 2020. 5. 27. 02:43
대표 예시 setTimeout에서 실행되는 함수 안에서 일어나는 연산들을 가져오기 //함수 표현식 function helloWorld (callback) { setTimeout(()=>{ var a = 'hello'; var b = 'world'; callback(a + b) // { console.log(value) }) //결과는 undefined가 나오고 2초 후에 helloworld 가 나온다. 먼저 undefined가 나오는 이유는 function helloWorld의 리턴값이 없기 때문이다. 그리고 undefined가 호출 된 후 함수 내부에서 setTimeout이 실행되고 있어서 2초의 시간이 소요된다. setTimeout 안에는 callback 함수가 실행되고 있다. (**여기 콜백함수가 ..
-
node.jsconcept/server 2020. 5. 25. 00:27
node.js가 무엇인가? 노드는 크롬 v8엔진으로 만들어진 자바스크립트 런타임이다. v8이 모야? 자바스크립트를 기계어로 컴파일 해준다. 런타임은? 프로그래밍 언어가 구동되고 있는 환경 => 자바스크립트를 컴파일 해주는 엔진으로 빌드된 자바스크립트가 구동 중인 환경이다. 이벤트 기반의 논블로킹 IO모델이다. 이벤트? 유저의 버튼 클릭이나 네트워크에 리소스를 요청하는 것 논블로킹? (비동기) 다음 함수의 실행이 현재 함수의 종료를 기다리지 않음 블로킹? 다음 함수의 실행이 현재 함수의 종료 이후에 이루어지는 것 I/O모델? input을 주면 output을 반환하는 모델 => 유저의 클릭이나 네트워크에 리소스를 요청하는 이벤트가 논블로킹으로 이루어지는 input output 모델 (속도가 빠르다) 어떤 c..