본문 바로가기

개발인생다반사/TIL(Today i learned)

 (43)
TIL -211109 [자료구조/알고리즘] 코딩 테스트 준비 Achievement Goals 알고리즘이 무엇인지 설명할 수 있다. 알고리즘 문제를 이해하고 전략을 세울 수 있다. 알고리즘 풀이에 필요한 수도 코드를 작성할 수 있다. 수도 코드에서 세운 전략을 코드로 구현할 수 있다. 내가 구현한 알고리즘을 자바스크립트 언어로 설명할 수 있다. Chapter 1 - Time Complexity (1) 시간 복잡도 입력값의 변화에 따라 연산을 실행할 때, 연산 횟수에 비해 시간이 얼마만큼 걸리는가? 그러므로 입력값이 커짐에 따라 증가하는 시간의 비율을 최소화한 알고리즘을 만들어야 한다. Big-O(상한 접근) Big-Ω(omega)(하한 접근) Big-Θ(theta)(평균 접근) (2) Big-O 표기법 Big-O 표기법은 최악의 경우를 고려하므로 프로그램이 실행되는..
TIL - 211108 [Linux] 심화 Chapter 1 - 사용권한 Achivement Goals 사용 권한과 소유자에 대해 이해하고, 사용 권한을 변경할 수 있다. 파일의 소유자와 파일에 적용된 사용 권한을 확인하고 이해할 수 있다. ls -l 파일에 적용된 사용 권한을 변경할 수 있다. chmod (1) Read, Write, Execute 권한 ■ 폴더인지 파일인지 확인하기 ■ user, group, other user : 파일의 소유자. 기본적으로 만든 사람이 소유자 group : 그룹에 속한 모든 user는 파일에 대한 동일한 group 엑세스 권한을 가짐 other : 파일에 대한 엑세스 권한이 있는 다른 user. 파일을 만들지 않은 다른 모든 user. ■ chmod : 권한을 변경하는 명령어 OS에 로그인한 사용자와 폴더나 ..
TIL - 211104 [배포] 클라이언트 빌드와 배포 Achievement Goals 정적 웹사이트와 동적 웹사이트가 어떻게 다른지 이해할 수 있다 빌드가 무엇인지 이해할 수 있다 정적 웹사이트 형태로 만들어지는 현대의 웹 앱이 왜 빌드 과정을 필요로 하는지 알 수 있다 정적 웹사이트를 배포할 수 있다 정적 웹사이트 배포시 발생하는 문제를 이해하고 해결할 수 있다 Landing Page라 불리는 정적 웹사이트에서 사용하는 다양한 프론트엔드 기술들을 스스로 찾아볼 수 있다 Chapter 1 - 빌드 (1) SSR과 CSR The Difference 페이지 렌더링 위치 (2) 정적 웹사이트 vs. 동적 웹사이트 정적 웹사이트 : HTML 파일(코드) 자체로 배포되는 사이트(CSR) 동적 웹사이트 : 서버에 의해 HTML 파일이 동적으로 생성되는 사이트(SSR)..
TIL - 211027 [React] 컴포넌트 디자인 Achievement Goals 컴포넌트 기반 Bottom-up 방식 개발이 무엇인지 이해한다. 컴포넌트 UI 개발에 도움을 주는 라이브러리인 Storybook을 활용할 수 있다. 구조적으로 CSS를 작성하는 방법의 발전과 이유에 대해서 이해한다. 컴포넌트 기반 CSS 작성에 도움을 주는 라이브러리인 Styled-Component를 활용할 수 있다. DOM Reference를 활용하기 위한 useRef Hook을 활용할 수 있다. Chapter 1 - 컴포넌트 단위로 개발하기 (1) Component Driven Developement 여러 팀 간에 같은 UI 컴포넌트를 공유. 디자인과 개발 단계에서 부터 재사용할 수 있는 UI 컴포넌트를 미리 디자인하고 개발(재사용할 수 있는 UI 컴포넌트의 필요성) ..
TIL - 211022 [Web Server] 기초(1) node.js를 이용하여 백엔드 구축 Express, 라우팅, Server-side 디버깅 Achievement Goals HTTP HTTP 요청/응답을 브라우저를 통해 확인할 수 있고, 해당 내용을 읽을 수 있다. HTTP 다양한 요청 방식과, 응답 코드에 대해 이해할 수 있다. node.js modules의 사용 node.js의 내장 http 모듈을 사용할 수 있다. http 모듈 사용시에 서버에 CORS 설정을 할 수 있다. CommonJS를 이용한 모듈 내보내기/불러오기를 할 수 있다. 라우팅과 API 라우팅(조건에 따른 분기)을 이해하고, 이를 서버 코드에서 구현할 수 있다. 클라이언트가 사용할 수 있도록, 서버 API 문서를 직접 작성할 수 있다. Express 라이브러리 express 라이브..
TIL 211020 - [React] 데이터 흐름의 이해와 비동기 요청 처리 Achievement Goals React 데이터 흐름 React에서의 데이터 흐름, 단방향 데이터 흐름을 이해할 수 있다. 어떤 컴포넌트에 state가 위치해야 하는지 알 수 있다. State 끌어올리기의 개념을 이해할 수 있다. 상태 변경 함수가 정의된 컴포넌트와, 상태 변경 함수를 호출하는 컴포넌트가 다름을 알 수 있다. Effect Hook Side effect가 어떤 의미인지 알 수 있다. React 컴포넌트를 만들 때 side effect로부터 분리해서 생각할 수 있다. (비즈니스 로직과 표현 영역 구분) Side effect의 예를 들 수 있다. Effect Hook을 이용해 비동기 호출 및 AJAX 요청과 같은 side effect를 React 컴포넌트 내에서 처리할 수 있다. Effect..
TIL - 211019 - [HTTP/네트워크] 실습 Achivement Goals REST API에 대해 이해할 수 있다. REST API 문서를 읽을 수 있다. REST API에 맞춰 디자인할 수 있다. Open API와 API Key에 대해 이해할 수 있다. Postman이 무엇인지 이해하고 사용할 수 있다. HTTP API 테스팅이 무엇인지 알 수 있다. Postman을 사용하여 서버에 GET, POST 요청을 보내고 응답을 받을 수 있다. (Optional) Postman을 사용하여 Open Weather Map Open API에 요청을 보낼 수 있다. Chapter 1 - REST API (1) API의 대표적인 아키텍처 - REST API Representational State Transfer(로이 필딩), 웹(http)의 장점을 최대한 활용..
TIL 211018 - [HTTP/네트워크] 기초 (스압!) Achievement Goals 클라이언트-서버 콘셉트를 이해할 수 있다. 클라이언트-서버 아키텍처를 이해할 수 있다. HTTP를 이용한 클라이언트-서버 통신을 이해할 수 있다. API의 개념을 이해할 수 있다. 브라우저의 작동 원리를 이해할 수 있다. 보이지 않는 곳의 통신을 이해할 수 있다. URL과 URI의 차이를 이해할 수 있다. IP 주소와 PORT에 대해 이해할 수 있다. DNS와 IP 주소의 관계를 설명할 수 있다. 크롬 브라우저의 에러 메시지를 통해 문제를 파악할 수 있다. 보이는 곳의 통신을 이해할 수 있다. AJAX의 개념을 이해할 수 있다. SSR과 CSR의 차이를 이해할 수 있다. CORS의 개념을 이해할 수 있다. HTTP messages의 구조를 설명할 수 있다. HTTP의 동작..

티스토리툴바