my dev diary

CPU - 컴퓨터에서 인간의 뇌에 해당하는 부품 - 주요 역할 : 데이터를 처리하고 연산하는 역할 - 주요 구성 요소: 데이터, 메모리, 명령어 메모리, 산술논리 연산장치(ALU), 제어부(CU)와 내부 버스 - CPU의 동작 : 명령어 인출, 해독, 실행, 반영 - 램의 역할 : 주기억장치 롬에 저장되기 전에 임시로 저장되는 역할 메모리 - 데이터나 명령을 비롯하여 컴퓨터 내부에서 계산 처리 한 결과를 기억하는 장치 - 메모리의 캐시 : 계층과 계층 사이에서 속도차이를 해결하기 위한 임시 저장소 - 메모리 할당 방법 중 연속 할당에 해당하는 방법 두 가지 : 고정 분할, 가변 분할 방식 - 캐시 매핑 방법 세 가지 : 직접, 연관, 집한 연관 매핑 - 직접 매핑 방식의 특징 : 메인 메모리 주소를 특정..

TIL 2023. 8. 21.

자료 : 프로그래밍에서 프로그램이 처리할 수 있는 모든 것 자료형 : 자료 형태에 따라 나눠 놓은 것(자료의 종류) 1. 문자열 자료형 - 문자들의 집합(하나 포함). - 따옴표(‘’, “”) 안에 문자를 넣어 생성함. - 문자열 안에 따옴표 사용 시 서로 다른 종류로 사용하기.(’This is “string”’ // “This is “string””) - 이스케이프 문자(\) ➔ \’ & \” : 따옴표를 문자 그대로 쓰고 싶을 때 따옴표 앞에 이스케이프 문자(\) 사용(’This is \’string\’’ // “This is ‘string’”) = \n : 줄 바꿈 (‘동해물과 백두산이\n마르고 닳도록’ // “동해물과 백두산이 마르고 닳도록”) ➔ \t : 탭 (‘이름\t나이\t지역’ // “이름..

TIL 2023. 8. 17.

Font Awsome 각종 아이콘을 제공해 주는 사이트인 폰트어썸. 리액트 프로젝트에서 이용할 때 설치해야 할 패키지나 사용법 등등을 정리해 보았다. 먼저 폰트어썸 공식 홈페이지는 이곳이다. Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com 사용법은 이 문서에 잘 나와있다. Docs Home Set up and use icons in your projects, awesomely. fontawesome.com 리액트에서의 사용법을 보려면 여기를 참고하면 된다. ..

TIL 2023. 8. 8.

목차 프로젝트 개요 사용 기술 와이어프레임 API 명세 프로젝트 개요 프로젝트 명 Cheers 주요 서비스 칵테일 레시피 검색 및 공유 서비스 사용 기술 와이어프레임 피그마 와이어프레임 링크 API 명세

TIL 2023. 8. 7.

자바스크립트란? 웹 브라우저에서 작동하는 프로그래밍 언어 자바스크립트와 관련된 기본 용어들 - 프로그램(문장이 모인 것) > 문장(표현식이 하나 이상 모임) > 표현식(값을 만들어 내는 간단한 코드) - 키워드 : 자바스크립트에서 정한 특별한 의미가 있는 단어(await, const, if, null 등등) - 식별자 : 변수, 속성, 함수, 메소드 등의 이름을 붙일 때 사용. : 규칙(키워드 사용 X, 숫자로 시작 X, 특수문자는 _와 $만, 공백X)과 관례(알파벳, 의미 있는 단어 사용)가 있음. - 주석 : 프로그램 코드를 설명할 때 사용. 프로그램 진행에 영향을 주지 않음. : 종류가 여러 가지이므로 단축키를 하나 외워 쓰는 게 좋다 ➔ Ctrl(윈도우) or Cmd(맥) + /(슬래시) - 출력..

TIL 2023. 7. 31.

slice() slice()란? 배열의 특정 범위를 추출해 복사본을 만들어 새로운 배열로 반환함. 원본 배열은 그대로 유지할 수 있다. 구문 arr.slice([begin[, end]]) begin 첫번째 인자? 로는 추출하고자 하는 인덱스의 시작점을 의미함. 음수 인덱스는 배열의 끝에서부터의 길이이다. begin이 undefined면 0번 인덱스부터 추출한다. end 추출할 인덱스의 종료지점을 의미함. 여기서 end 인덱스는 제외하고 추출한다. 만약 end가 없거나 배열의 길이보다 크면, 배열의 시작점부터 끝까지 추출한다. 예제 const array = ['a', 'b', 'c', 'd', 'e']; const array1 = arr.slice(2); // ['c', 'd', 'e'] const ar..

TIL 2023. 7. 27.

이미지 태그에서 loading=“lazy” 이라는 속성을 주어 사용할 수 있다. 뷰포트로부터 계산된 거리에 도달할 때까지 리소스 로딩을 지연시키고 이미지가 뷰포트 내에 있으면 로드하는 것을 의미한다. ➔ 사용자가 처음 사이트를 열 때 필요한 리소스 일부만 다운로드하므로 속도가 빨라진다. ➔ 이미지 로딩이 느릴 때 넣으면 좋다. 추가로 loading 속성에는 아래의 값이 지원된다. auto: 속성을 포함하지 않는 것과 동일한 브라우저의 기본 지연 로딩 동작 lazy: 뷰포트로부터 계산된 거리에 도달할 때까지 리소스 로딩을 지연시킴 eager: 페이지에서의 위치에 관계없이 리소스를 즉시 로드함 (auto 값은 Chromium 사양에 언급되어 있지 않아 변경될 수도 있으므로 포함될 때까지 이 값은 사용하지 않..

TIL 2023. 7. 24.

문제 발생 React 팀 프로젝트를 진행하던 중, clone 후에 yarn start가 안 되는 문제가 발생했다. 오류메시지 원인 'error Command failed with exit code 127.'는 명령을 실행하기 전에 모듈을 설치하는 것을 잊었을 때 주로 발생하는 오류이다. 해결 프로젝트의 루트 디렉터리에서 터미널을 열고 다음 명령을 실행한다. yarn install 위 명령어로 yarn을 설치한 후 yarn start를 입력하니 정상적으로 실행되었다. +) 만약 계속 안될 경우, npm install도 실행해볼 것. 참고 : https://bobbyhadz.com/blog/yarn-error-command-failed-with-exit-code-127

TIL 2023. 7. 19.