# TWIL
TWIL 2021-1 (5)
항목 1, 2, 2-1, 2-2, 3, 4, 5-1...이 있다고 가정할 때, 항목의 미결 수량이 0이 아닌 것만 리턴하고 싶다. 그러나 수량이 0이어도 단일 항목일 경우에는 함께 리턴되어야 한다. 이렇게 여러 개의 조건을 하나의 filter로 해결하고 싶을 때 fil
[JavaScript] TWIL : HTTPS와 Authentication (20/12.09~12.13)
HTTPS와 Authentication(인증)에 대해서 학습했다. HTTPS HTTPS(Hyper Text Transfer Protocol Secure Socket layer)는 웹 통신 프로토콜인 HTTP에 Secure를 더한, 보안이 강화된 버전이다. HTTP
[JavaScript] TWIL : ORM과 MVC pattern (20/12.07~12.08)
ORM과 MVC pattern에 대해서 학습했다. ORM을 이용하면 DB를 JS로 작성한 객체를 통해 DB를 생성, 조작할 수 있다. 직접 DB에 쿼리를 이용해 직접적으로 접근하지 않아도 된다는 것이다! MVC pattern은 프로젝트의 전체적인 구조 설계의 디자인
[DB] TWIL : DB와 SQL (20/12.02~12.06)
DataBase에 대해 학습했다. DB란? 개념 데이터베이스(DataBase, DB)란, 여러 사람이 공유하여 사용할 목적으로 체계화해 통합, 관리하는 데이터의 집합이다. 몇 개의 자료 파일을 조직적으로 통합하여 자료 항목의 중복을 없애고, 자료를 구조화하여 기억
TWIL 2020-12 (1)
익스포트 해서 사용하던 findByElements 함수를 조회 레퍼런스 문서 별로(findByTaskID, findByOrderID...) 모듈화 하여 사용하기로 했다. 그 중에 하나인 findByTaskID 함수를 다른 컴포넌트에서 import하여 호출했는데 Unca
[JavaScript] TWIL : React (2) (20/11.18~11.23)
TIL : React 1/2편에 이어 블로깅한다. React Hooks : 함수 컴포넌트에서 state 사용하기 babel, webpack, virtual DOM
[JavaScript] TWIL : Redux (20/11.24~11.27)
Redux에 대해 학습했다. 엔지니어님께서 Advanced한 도구라 짧게 학습하고 넘어가게 되었지만, 중요한 도구라고도 하셨기 때문에 개념적인 부분이라도 정리하고 넘어가려 한다. Redux란? Redux는 JavaScript 웹/앱을 위한 상태 관련 라이브러리이다.
[JavaScript] TWIL : CommonJS와 Node.js의 기본 내장 module (20/11.16~11.17)
Server 스프린트를 하면서 학습했던 CommonJS와 Node.js의 기본 내장 module에 대해 짚고 넘어가려 한다.JavaScript 표준을 위한 움직임: CommonJS와 AMD를 많이 참고하여 블로깅 한다.module은 사전적 의미로 '구성 단위'를 뜻한다
[JavaScript] TWIL : CORS와 Server 구축(Node.js, Express) (20/11.13~11.17)
Node.js환경에서 Server를 2가지 방법으로 구축하는 스프린트를 진행했다.먼저, Node.js의 http 모듈을 사용해서 구축한다. (basic)그 다음, express라는 프레임워크를 사용해서 더 쉽게 구축하는 방법으로 리팩토링을 한다.먼저, Server를 구
[Web structure] TWIL : Client와 Server (20/11.11~11.12)
Web의 구조 중 Client와 Server에 대해 학습했다. browser, server, API, HTTP, Ajax browser : 웹 페이지, 이미지, 비디오 등의 컨텐츠 등을 수신, 전송 및 표현하는 소프트웨어. 브라우저는 서버로부터 데이터를 전송받고,
[JavaScript] TWIL : 비동기와 Promise (20/11.09~11.10)
본격적으로, Server 파트를 시작하게 되었다. Server 파트의 첫 시작인, Asynchronous & Promise 스프린트를 진행했다. 동기? 비동기? sync(동기 : blocking), async(비동기 : non-blocking) 동기는 순차적으로
TWIL 2020-11 (2)
새로운 컴퓨터에서 사이드 프로젝트를 위해 CRA로 폴더를 만들었는데 VSCode로 실행하니 제목과 같은 경고문구가 떴다. .git위치가 잘못 설정되어서 생기는 현상이라고 한다. git rev-parse --show-toplevel으로 git root directory를
[JavaScript] TWIL&Review : Algorithm(N-Rooks, N-Queens) (20/11.2~11.3)
알고리즘(Algorithm)-[N-Queens] 스프린트를 진행했다. 알고리즘 문제 중에서도 유명한 N-Queens를 풀어내보는 시간이었다. 전부터, 이 스프린트의 지옥맛을 미리 얘기하신 분들이 많아서, 시작도 전부터 많이 무서웠다. 스프린트를 시작하고 기본 제공되는
[JavaScript] TWIL : 자료구조 3/3 Gragh, Tree, Binary Search Tree (20/10.22~10.27)
Data Structure sprint를 마무리했다. 마지막으로 학습한 자료구조는 총 3가지이다. 이번에도 직접 그린 자료구조와 함께.(ㅎㅎ) > **1. Gragh Tree Binary Search Tree** 1. Gragh 그래프는 노드와 노드 사이를 잇는