my dev diary

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

TIL 2023. 8. 21.

목차 프로젝트 개요 사용 기술과 선정 이유 와이어프레임 API 명세 프로젝트 개요 프로젝트 명 Codegg 프로젝트 소개 본 프로젝트는 다양한 개발자들이 모여 지식과 경험을 공유하고, 소모임을 형성하며 함께 성장할 수 있는 공간을 제공하는 것을 목표함과 동시에 사용자들의 참여와 기여에 따라 포인트를 적립하고 보상하는 제도를 도입하여 더욱 활발한 활동을 유도함 주요 서비스 개발자들이 원활한 정보공유 및 의사소통을 할 수 있는 온라인 공간 제공 타깃 처음 입문하거나 개발과 관련해서 정보를 찾는 것에 있어 어려움을 겪는 개발자 정보를 제공하거나 공유하고 싶어 하는 시니어 개발자 함께 개발/스터디/프로젝트할 인원을 모으고 싶어 하는 사람들 기대효과 이 사이트에서 대화나 질문 및 답변을 통해 정보의 접근성을 높일..

WIL 2023. 8. 20.

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

TIL 2023. 8. 17.

프로젝트 개요 프로젝트 명 Cheers 주요 서비스 칵테일 레시피 검색 및 공유 서비스 KPT 회고 Keep 유지할 점 팀원들과 상시 소통이 잘 되었던 것, 문제가 있으면 바로바로 대화하며 해결할 수 있었음 팀원 모두가 각자 맡은 역할은 책임감 있게 마무리하려고 노력해서 원활하게 프로젝트를 마무리한 것 문제 해결을 위해 여러 자료들을 참고하면서 함께 노력한 것 팀 프로젝트의 원활한 진행을 위해 정해진 회의 시간 외에도 소통을 자주 한 것 도움을 요청하는 팀원이 있으면 적극적으로 도와주던 것 Problem 문제 데이터 api를 가져오는 과정에서 시간이 초기 예상보다 많이 지체됨 시간 분배 실패로 처음 기획했던 기능을 다 구현하지 못한 것 프로젝트 초기 구조설정을 구체적으로 하지 못해 나중에 상태관리에서 어..

WIL 2023. 8. 14.

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.

Redux 리액트 상태관리 라이브러리. 자주 변경되는 데이터를 관리한다. 기존의 유지보수를 힘들게 하는 Props drilling 문제를 해결할 수 있다.(props로 데이터를 전달하지 않아도 됨.) Redux 설치하기 (리액트 환경에서) npm install redux react-redux # 혹은 yarn add redux react-redux Redux Toolkit 쉽고 효율적인 Redux 개발을 위해 Redux가 만든 공식 라이브러리. Redux를 사용하는 모든 앱에 Redux-Toolkit을 사용하는 것이 권장된다. Redux-Toolkit을 사용하면 코드가 간단하게 개선되고 여러 가지 패키지를 설치할 필요가 없어진다. Redux Toolkit 설치하기 npm install @reduxjs/t..

WIL 2023. 7. 30.