코딩봇의 학습로그

console.log( codingBot.learned( ) )

개발학습/코드스테이츠 SE Bootcamp

시간복잡도 Time Complexity 시간복잡도를 고려한다는 것 = 입력값의 변화에 따라 연산을 실행할 때, 연산 횟수에 비해 시간이 얼마만큼 걸리는가? Big-O 표기법 시간 복잡도를 표기하는 방법 Big-O(빅-오) : 최대 걸릴 수 있는 시간 Big-Ω(빅-오메가) : 최소한으로 걸릴 수 있는 시간 Big-θ(빅-세타) : 평균적으로 걸릴 수 있는 시간 위의 3가지 표기 법이 있지만 보통 최악의 경우까지 고려하는 Big-O 표기법이 가장 보편적으로 사용된다. O(1), O(n) 등 표기가 존재하는데 이와 관련해서 이미 따로 기존에 많이 학습하여 이번 블로깅에서는 스킵한다. 탐욕 알고리즘 Greedy Algorithm 탐욕 알고리즘은 말 그대로 선택의 순간마다 당장 눈앞에 보이는 최적의 상황만을 쫓..

2021. 10. 7.

게임 프로젝트 Log

부트캠프의 커리큘럼과 별개로 따로 동기들과 모여서 프로젝트를 진행하는 모임에서 활동을 했었다. 나 같은 경우는 일련의 일들로 인해서 잠시 탈퇴 후, 어지저찌 다시 돌아오게 되었는데 다행스럽게도(?) 복귀한 시점에 프로젝트가 기획은 완료되었으나 코드가 완전히 작성되지 않고 이제 막 시작한 시점이었다. 오늘 처음으로 복귀 후, 코드 작성을 팀원들과 함께 하였는데 진행된 기록을 일지로 길고하기 위하여 글을 쓰게 되었다. 기술 스택 - JavaScript, - react - react-dom-router 기존 진행된 내용 - 페이지, 컴포넌트 구분 및 파일 생성 - 라우터 구분 - 프레임 설정 금일 진행된 내용 - 시작화면 코드 작성 (상태 설정 및 컴포넌트간 상태 연결) - 게임 화면 코드 작성 (상태 설정 ..

2021. 10. 7.

개발학습/코드스테이츠 SE Bootcamp

지난 주에 섹션 2 마지막 ha 시험을 보고 어찌저찌 통과를 하여서 오늘부터 섹션 3로 넘어오게 되었다. 섹션 2를 마무리하고 관련해서 리뷰 후기 글을 작성할까 했는데 심신이 불안정해서 쉬는 편을 택했다. 건강이 진리다. 그래서 오늘 시작된 섹션 3에서는 이전 섹션1에서 다루었던 linux 부분을 심화로 학습했다. 사용권한 각각의 파일과 디렉토리에는 사용권한이 존재한다. 읽기, 쓰기, 실행으로 나누어지는 사용권한에 대해서 확인하고 이를 변경할 수 있다. 사용권한 확인 터미널에서 특정 디렉토리로 진입한 이후, 다음과 같은 명령어를 입력하면 디렉토리 내 위치한 파일과 하위 디렉토리의 사용권한을 확인할 수 있다. ls -l 위 터미널의 결과로 좌측에 다음과 같은 정보가 출력되는 경우들을 볼 수 있다. drwx..

2021. 10. 5.

개발학습/네트워크 통신

** 본 글은 nomad coder 유튜브 영상을 참고하여 작성되었습니다 쿠키 쿠키는 사용자의 데이터를 담고 있으며, 서버에서 생성되어 사용자의 브라우저에 저장된다. 이는 서버가 다음에 사용자가 방문하는 경우에 대하여 사용자를 기억하기 위한 것으로 쿠키가 활용되는 것이다. [쿠키의 특성] - 쿠키는 도메인으로 제한이 된다. - 쿠키는 잔존기간이 존재한다. 쿠키는 인증 뿐만 아니라 여러가지 정보를 저장할 수 있다. (언어 설정 등) 세션 세션이 필요한 이유 기본적으로 http 메시지는 '상태가 없다'(stateless)는 특성을 가진다. 이것은 서버로 전달되는 모든 요청이 이전 요청들과 독립적으로 다뤄지는 것을 의미한다. 요청 간에는 서로 링크(연결고리)가 없고, 메모리가 존재하지 않는다. ⇒ 요청이 종료..

2021. 10. 4.

개발학습/.git

* 참고 링크 : git-documentation / gitignore 최근 들어서 캠프에서 리액트 관련 내용을 주로 학습하면서 개별적으로 리액트 프로젝트를 생성하여 github에 push하는 일이 종종 있었다. 그런데 그렇게 하던 와중에 어느 날 보니 npm 모듈의 용량 때문에 업로드가 github으로 업로드가 안되는 경우가 생기기 시작했다. create-react-app 같은 생성 툴을 사용하지 않고 npm을 활용하여 리액트 모듈을 설치하고 코드를 작성하고 난 뒤에 github에 푸쉬를 하려고 하면 npm module을 모두 업로드하려고 시도하면서 업로드 가능한 파일 수를 초과하여 업로드가 진행되지 않았다. 여기서 한가지 의문점이 생겼다. 기존에는 부트캠프에서 제공하는 레포지터리를 활용하여 코드를 작..

2021. 10. 3.

개발학습/코드스테이츠 SE Bootcamp

빌드 정적 웹사이트, 동적웹사이트 정적 웹사이트: HTML 파일(코드) 자체로 배포되는 사이트 (CSR, Client Side Rendering) 동적 웹사이트: 서버에 의해 HTML 파일이 동적으로 생성되는 사이트 (SSR, Server Side Rendering) 웹 사이트 렌더링 방식 변천 과거에 동적인 웹페이지를 만드려면, 서버가 동적으로 생성하는 방법만이 존재하였다. 클라이언트로 서버가 지속적으로 웹 페이지의 내용을 전달하여야 하므로 이에 따른 네트워크 메시지의 빈도 수가 증가하고 서버의 부담이 큰 단점이 존재하였다. 하지만 기술의 발달로 모든 동적인 정보를 서버가 부담할 필요성이 없게 되면서 클라이언트에 필요한 정보만 전달하게 되고, 서버의 부담은 감소하였다. 서버는 순수한 데이터만 전달하게 ..

2021. 9. 30.

개발학습/코드스테이츠 SE Bootcamp

FLUX Architecture FLUX 구조는 규모가 있는 애플리케이션에서 상태 관리(state management)를 하기 위한 하나의 패턴이다. 이 구조는 리덕스에도 반영된 구조이며, 기존에 존재하던 MCV 구조의 단점들을 보완하기 위하여 생겨난 구조 패턴이다. FLUX 구조에서는 일방향으로 데이터가 흐른다. (unidirectional data flow) 일방향 데이터 흐름을 제외하고 해당 구조에서는 4가지의 핵심 요소가 존재한다. : Action, Dispatcher, Store, View View View는 현대적인 앱에서 컴포넌트 트리를 의미한다. 예를 들어서 리액트에서 View는 사용자가 View와 상호작용 하는데 이는 궁극적으로 Action을 발동시키기(Trigger) 위함이다. 예로 버..

2021. 9. 20.

개발학습/코드스테이츠 SE Bootcamp

Styled-Component 작성 기본 const ComponentA = styled.div` padding-top: 10px; color: black; font-size: 1em; text-align: center; `; 위 코드와 같이 기존에 컴포넌트를 구성할 때 함수와 같은 형태가 아닌 방식으로 구현이 가능하다. 이와 같이 작성 후 render가 이루어지는 함수 컴포넌트의 return 문 안쪽 등에 컴포넌트를 삽입 시 정상적으로 하위 컴포넌트의 역할을 하는 것을 확인할 수 있음 [도식화] const [컴포넌트명] = styled.[html태그]` // 리터럴 템플릿 안에서 css 속성 기입 // ex) color: black; ` 도식화된 내용과 같은 방식으로 작성을 하게되면 새롭게 생겨난 컴포넌..

2021. 9. 15.