전체 글

1. Node.js Chrome V8 JS 엔진으로 빌드된 JS 런타임 환경으로, 주로 서버 사이드 애플리케이션 개발에 사용되는 S/W 플랫폼 - Release Schedule을 참고하여 안정적인 버전으로 설치하면 됨 설치 주소 https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. NPM Node Package Manager : Node.js 환경에서 npm으로 각각의 모듈들을 패키지화하여 직접 설치하고, 관리, 동작시켜야함 - 패키지는 직접 만들어서 배포할 수 있고, 다른 사람이 배포한 여러 패키지 모듈들을 설치해 프로젝트에 적용시킬 수도 있음 1)..

1. 단위 px - 브라우저에서는 기본적으로 16px(=1rem)로 설정됨 - 브라우저의 기본 폰트값을 변경해도 픽셀값은 안 변함 rem(반응형 작업에서 권장) - html에서 최상위 요소는 html 태그인데, 해당 태그의 font-size가 기준이 됨 - 주변 상황이 바뀌어도 조금 더 명확하게 단위가 수정되는 일이 없도록 만들어 줄 수 있는 장점 있음 - 어느 페이지에서든 고정된 사이즈를 사용할 때 사용(ex) font-size) em - 부모 요소에 따라 유동적으로 변해야 하는 경우 사용(padding이나 margin같이 화면에 따라 유연하게 변하는 크기) - 유지보수 어려움 2. width, height max-width, max-height : default - none max-width, min..

1. CSS 선언 방식 1) 내장 방식 - 태그 내용으로 스타일을 작성하는 방식 - 유지보수에 악영향 - 프로젝트를 번들(한데 묶어서 서버에 업로드)하는 과정에선 문제 없음 -> 개발하는 내용을 제품화 시킬때, 이렇게 컴퓨터가 자동으로 사용자가 파일로 분류한 내용들을 내장 방식으로 심는 경우 문제 안됨 2) 인라인 방식 - 요소의 style 속성에 직접 스타일을 작성하는 방식 - 우선순위에서 지나치게 우선돼서 문제 발생 가능 -> 유지보수에 악영향 3) 링크 방식(import보다 권고) - 로 외부 css 문서를 연결하는 방식 - 병렬 방식 연결. 직렬처럼 순서대로 연결이 아니라, 한번에 가져와서 연결. -> 해석이 빨리 끝나는 css가 먼저 연결 4) @import 방식 - @import url("")..

1. 브라우저 스타일 초기화 CDN reset.css - Chrome, IE, 사파리 등 각 브라우저마다 기본으로 제공하는 스타일이 존재 - CSS default 값이 모두 다르기 때문에 초기화하고, 브라우저 간의 차이를 없앰 - 크로스 브라우징 구현할 때 유용함 -> 즉, 0에서부터 디자인 시작 - reset.css를 수정할 일은 거의 없으므로 경량화 버전 reset.min.css를 Copy HTML - main.css를 link하기 전에 작성 HELLO WORLD * 적용 전 * - margin 자동 생성 * 적용 후 * - 기본 설정 초기화 2. Emmet - HTML, XML, XSL 문서 등 편집할 때 빠른 코딩을 위해 사용하는 플러그인 - VScode에서 사용하는 예시 1) HTML5 boil..

1. HTML, CSS, JS (1) HTML (Hyper Text Markup Language) 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당 (2) CSS (Cascading Style Sheets) 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당 (3) JS (JavaScript) 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리 담당 2. 웹앱의 동작 원리 (1) 최초 요청(Request) - URL에 맞는 서버로 최초의 요청 (2) 최초 응답(Response) - 서버에서 받은 요청은 사용자의 브라우저로 최초의 응답(HTML) (3) 추가 요청 - HTML 구조에 맞게 포함하는 CSS, JS, 이미..

1. Numpy 모듈 & Ndarray 이해 Numpy 사용 이유 성능 : 파이썬 리스트보다 빠름 메모리 사이즈 : 파이썬 리스트보다 적은 메모리 사용 빌트인 함수 : 선형대수, 통계관련 여러 함수 내장 Ndarray numpy에서 사용되는 다차원 리스트를 표현할 때 사용되는 데이터 타입 연속된 메모리 vectorization 사용 2-1. Ndarray 데이터 생성하기(numpy 모듈 함수) 사용 함수 1) array(), arange() 2) ones(), zeros() 3) empty(), full(), eye(), linspace(), reshape() 2-2. Ndarray 데이터 생성하기(random 서브 모듈 함수) 사용 함수 1) rand(), randn(), randint(), seed(..

LESSON 1: INTRODUCTION TO MONGODB ATLAS, THE DEVELOPER DATA PLATFORM MongoDB Docs: MongoDB Clusters MongoDB Docs: MongoDB Atlas Quiz Which of the following is something that you can do with MongoDB Atlas? (Select all that apply.) A. Store your data with MongoDB's multi-cloud, global service. B. Add search functionality to your application, like a search bar. C. Write and host a full application ..

1. DB Optimizer란? SQL을 가장 빠르고 효율적으로 수행할 최적의 처리경로를 생성해주는 DBMS 내부의 핵심 엔진 SQL 실행 계획을 수립하고 SQL을 실행 동일한 결과가 나오는 SQL도 어떻게 실행하느냐에 따라서 성능이 달라지기에, SQL 성능에 중요한 역할 2. 특징 데이터 딕셔너리에 있는 오브젝트 통계, 시스템 통계 등의 정보를 사용해서 예상되는 비용 산정 여러 개의 실행 계획 중 최저 비용을 갖는 계획을 선택하고 SQL 실행 3. 실행 방법 SQL 실행 > 파싱을 실행하여 SQL의 문법 검사 및 구문 분석 수행 구문 분석 > Optimizer가 규칙 기반 or 비용 기반으로 실행 계획을 수립 실행 수립 완료 > 최종적으로 SQL 실행 > 데이터 인출(Fetch) 4. 엔진 Rule b..