전체 글
-
AWS(Amazon Web Services)Note 2020. 12. 16. 13:15
S3(Amazon Simple Storage Service) 스토리지 서비스 Amazon S3에서 제공하는 단순한 웹 서비스 인터페이스를 사용하여 웹에서 언제 어디서나 원하는 양의 데이터를 저장하고 검색할 수 있다. 기능 - 버킷: 버킷은 데이터 스토리지를 위한 S3의 기본 컨테이너로, 데이터를 저장하는 버킷을 만들고 해당 버킷의 이름을 지정한다. - 데이터 저장: 버킷에 데이터(객체)를 원하는 만큼 저장할 수 있고, 각 객체에 최대 5TB의 데이터를 포함할 수 있다. 각 객체는 고유한 개발자 할당 키를 사용하여 저장 및 검색한다. - 데이터 다운로드: 데이터를 직접 다운로드하거나 다른 사람이 다운로드할 수 있도록 한다. - 권한: 데이터를 업로드 또는 다운로드하려는 사용자에게 접근 권한을 부여하거나 거..
-
V8Note 2020. 12. 13. 11:38
구글에서 만든 JavaScript 엔진(오픈 소스, C++ 구성) 웹 브라우저 안에서 실행되는 JavaScript의 성능을 높이기 위해 처음 고안 구글 크롬과 Node.js의 런타임에서 사용 속도를 높이기 위해서 V8은 인터프리터를 사용하는 대신 머신(기계어) 코드로 변환 위와 같은 특징 중 인터프리터를 사용하지 않고 컴파일하여 머신 코드로 변환하는 특징 때문에 속도가 개선되었다. 인터프리터(interpreter, 해석기)는 프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또는 환경을 말한다. 원시 코드를 기계어로 번역하는 컴파일러와 대비된다. 동작 방식 자바스크립트 코드를 처음으로 수행할 때 V8은 풀코드젠을 이용해서 파싱 된 자바스크립트 코드를 변형 없이 직접 머신 코드로 변환한다. 이를..
-
서버 사이드 렌더링, 클라이언트 사이드 렌더링Note 2020. 12. 6. 19:54
렌더링 웹 페이지 접속 시, 그 내용을 브라우저 화면에 표시하는 것 서버 사이드 렌더링(SSR) 요청 시마다 새로고침이 일어나며 서버에 새로운 페이지에 대한 요청을 하는 방식 (서버 측에서 HTML, View를 생성하여 응답하는 방식) - View를 서버에서 렌더링 하여 가져오기 때문에 첫 로딩이 매우 짧음 - 인터랙션(상호작용) 바로 가능하지 않음(view만 가져온 상태, 자바스크립트까지 모두 적용된 상태는 아니므로) - View 변경할 때마다 서버에 계속 요청하게 되므로 서버에 부담이 커짐 - 검색 엔진 최적화에 유리 클라이언트 사이드 렌더링(CSR) 처음에 하나의 페이지만 서버에서 제공하고, View에 대해서는 클라이언트에서 자바스크립트를 통해 렌더링 하는 방식 (클라이언트 측에서 View 생성하는..
-
React Router(v4)Note 2020. 12. 6. 19:10
www.youtube.com/watch?v=o6j8zi5mFIg 라우터: url 주소나 특정 상태에 따라서 뷰를 나누기 위해 사용된다. 리액트 라우터는 하나의 라이브러리, 유일한 대안은 아니지만 거의 공식이라고 할 정도로 많이 사용되고 있다. 준비물 yarn, 에디터(vscode) yarn 설치 brew install yarn create-react-app(global) 설치 yarn global add create-react-app 작업할 디렉토리로 이동 후에 create-react-app '프로젝트이름' cd '프로젝트이름' yarn start 서버가 열린 것을 확인 후에, 에디터(vscode)를 사용하여 방금 만든 디렉토리를 연다. App.js 기존에 있던 코드를 삭제하고 rsc import Rea..
-
SQLNote 2020. 12. 2. 12:59
Database & SQL - SQL: Structured Query Language, 구조화된 Query 언어 - Qurery : "질의문", 가장 친숙한 예시로는 검색창에 적는 검색어도 쿼리의 일종, 저장되어있는 정보를 필터 하기 위한 질문 - SQL: 데이터베이스 용 프로그래밍 언어, 데이터베이스에 쿼리를 보내 원하는 데이터를 뽑아올 수 있다. SQL 키워드는 대소 문자를 구분하지 않고 select는 SELECT와 동일하고, 일부 데이터베이스 시스템에서는 각 SQL 문 끝에 세미콜론이 필요하다. 세미콜론은 서버에 대한 동일한 호출에서 둘 이상의 SQL 문을 실행할 수 있도록 데이터베이스 시스템에서 각 SQL 문을 분리하는 표준 방법이다. 중요한 SQL 명령 중 일부 SELECT 데이터베이스에서 데이..