발견 보고서

React는 컴포넌트들이 모여서 구성된다. 컴포넌트에는 두가지 종류가 있는데 하나는 Class component 그리고 다른 하나는 Function component이다. 하나의 컴포넌트는 보통 한가지의 기능을 구현하기 위해 여러 다발의 코드를 모아 놓는다. 컴포넌트는 각각의 기능 별로 구분을 해놓았기에 독립적으로 재사용이 가능하다. ***최근 React Hook이 도입됨으로 인해 기존에 Class component를 사용하는 것보다 Function Component를 사용하는 편이다. 하지만 최신의 변화에 적응하기 전! 기존의 개념들을 확실하게 이해를 하고자 한다. 그래야 현업에 갔을 때, 다른 선배들과 협업이 가능할 것이기에 Class component 구성 import React from 'reac..

$git add $git status $git diff $git commit git add staging area에 내가 컴퓨터에서 수정한 것을 staged해주는 명령어 add를 한 이후에는 수정한 파일이 git 에서 track을 할 수 있게 된다. git status 현재 staging area 그리고, work space에 track 된 파일과 untrack된 파일의 상태를 전부 보여주는 명령어 git status -s 를하면 최소한의 영역을 보여줌 git diff working directory 내부에 있는 파일의 차이를 보여주는 명령어 diff --git a/c.txt b/c.txt index blahblahaadf --- a/c.txt +++ b/c.txt @@ -1 +1,2 @@ hello w..

pwd(print working directory) 현재 위치 확인 mkdir(make directories) 새로운 폴더 생성 ls(list) 특정 폴더에 포함된 파일 혹은 하위 폴더를 출력해줌 ls -a 숨겨져 있는 파일이나 목록을 전부 표현 ls -l 폴더나 파일의 포맷을 전부 표현 ls -al, ls -la처럼 한꺼번에 사용 가능 ls -l 을 하면 drwxr-xr-x -rw-r--r-- d / rwxr-xr-x - / rw-r--r-- 이런 형식을 보게 되는데 밑의 / 를 기준으로 두 개의 부분으로 나누어서 생각을 하면 좋다 먼저 / 기준 앞 부분은 타입을 구분해준다. d 는 디렉토리(폴더)를 의미하고 - 는 파일을 의미한다. / 기준 뒤는 , 특정 파일 및 폴더에 접근할 수 있는 권한에 대해 ..

6:38분 기상, 급하게 준비하고 수영하러 악몽을 꿨다.

이번 과제는 계산기의 기능을 구현하는 과제였다. 여러 기능 중 나는 사칙연산 기호를 여러 번 눌렀을 때, 마지막으로 누른 사칙연산 기호만 작동하게 만들고자 한다. 떠오른 방법은 1. 하나의 배열을 만들고, 2. 클릭을 할 때마다 배열에 클릭을 한 요소가 추가 되게 하고 3. 그 배열의 요소 중 마지막 요소를 함수에 들어갈 변수에 할당해준다. 먼저 떠올린 방법은 push를 통해 추가하는 방법이었다. 하지만, 한 가지만 추가 됐고, 반복이 되지 않는 문제가 생겼다. if (action === 'operator') { if(previousKey === firstNum){ operatorForAdvanced = buttonContent; previousKey = operatorForAdvanced; } let ..

JavaScript Scope JavaScript 에서 함수는 하나의 값을 가진 객체로 취급된다. 그렇기에 변수에 할당할 수 있다. JavaScript 에서, 범위(scope)란 '변수에 접근할 수 있는 범위' 이다. JavaScript 는 Scope는 2가지 타입이 있는데, 전역 스코프(Global Scope) 전역 스코프는 스크립트 전체에서 참조되는 것을 말한다. 지역 스코프(Local Scope) 함수 코드 블록이 만든 스코프로 함수 자신과 하위 함수에서만 참조할 수 있다. *모든 변수는 스코프를 갖는다. 변수의 관점에서 스코프를 구분하면 2가지로 나눌 수 있다. 전역 변수 (Global variable) 전역에서 선언된 변수이며 어디에든 참조할 수 있다(웹페이지 내의 모든 스크립트와 함수가 접근할..

5:32 아침 밥 챙겨먹고 수영하기 수영 다녀와서 카페로 직행 9시까지하고 9시부터는 운동 가볍게 하자

Box의 개념에 대해서 정리한다. Block => Block은 줄바꿈이 되는 박스이다. => 대표적인 예는 과 와 태그를 생각하면 된다. Inline =>Inline, Inline-block은 옆으로 붙는 박스이다. => 대표적인 예시로는 태그를 생각하면 된다. => Inline 박스는 width, height 속성이 적용되지 않는다. Inline-block =>inline-block 박스는 inline 박스처럼 다른 요소의 옆으로 붙으면서, 자체적으로 고유의 크기를 가진다. 위의 세가지 경우를 표로 정리해보면 이렇다. Flex => flex 박스는 요소의 크기가 불분명하거나 동적인 경우에도, 각 요소를 정렬할 수 있는 효율적인 방법을 제공한다. Flexbox에 대한 부분은 방대한 내용이기에, 관련한 내..

큰일이다 커피를 오후에 마셔서 그런지 잠이 하나도 안온다 ㅠㅠㅠ 내일 5시반 기상을 하더라도 중간에 낮잠을 자거나 해야하는 상황일 것 같다... 일단 어떻게든 잠을 청하려 한다...

1. 이중 포문 내에서 Break을 쓰기 위한 조건은 상위 포문에서 만들어줘야 한다. 만일 변수를 선언해야 한다면, 전역 변수가 아닌 로컬 변수로 선언해야 한다. function Prime(num) { let result = '2' for(let i=3; i