공부 기록일지📚

😊[1일 1로그 100일 완성 IT지식] 책을 기반으로 study한 내용을 정리합니다. 1부 요약- 컴퓨터 하드웨어에 관해 설명, 하드웨어가 만들어지는 방식같은 물리적 세부 사항보다는 컴퓨팅 시스템의 논리적 아키텍처에 초점 컴퓨터의 구조와 구성 요소 개괄적 설명 컴퓨터가 어떻게 비트, 바이트, 이진수로 정보를 표현할까? 컴퓨터가 실제로 계산을 어떻게 수행할까? (어떤 일을 수행하기 위해 비트와 바이트를 어떻게 처리하는 지 살펴보기) 1. 컴퓨터의 개념과 정의 방대한 양의 데이터를 입력, 처리, 저장, 출력할 수 있는 전자기기 산술이나 논리적인 셈이 자동으로 수행되어질 수 있도록 프로그래밍할 수 있는 범용장치 전자회로와 이진법을 이용하여 프로그램과 정보를 전자적 형태(electronic form)로 저장하..

🍕 Build your own, custom HTML Elements 리액트 프로젝트 src폴더의 Index.js는 처음으로 실행되는 파일이다. : 여기서 react-dom에서 ReactDom을 임포트하고 있다. 이 말은 react-dom이라는 서드 파티 라이브러리에서 ReactDom이라는 객체를 임포트한다는 뜻 public 폴더의 index.html 이 유일하게 브라우저에 표시되는 화면이다. 리액트가 SPA이기 때문에 그 유일한 하나의 html이 바로 이 친구다. 그러면 컴포넌트(Component)가 뭐야? 리액트 컴포넌트는 결국 자바스크립트 함수(Function)이다!! 컴포넌트는 JSX로 쓰여진 html코드를 반환하는 함수이다. 또한, HTML,JS,CSS의 조합이다. import "./App.cs..

.gitignore 파일을 수정해서 무시할 파일들을 추가했는데 sourcetree에서 해당 파일들을 무시하지 않고 그대로 반영했다. 노드 모듈을 다 올리는 건 오바잖니... 이를 해결하기 위해서는 아래의 명령어로 Git의 캐시를 지워주면 된다. 2,3 번째 줄은 bash에서 실행해도 되고 나처럼 sourcetree에서 스테이징하고 커밋 메세지를 작성한 뒤에 push해도 된다. git rm -r --cached . git add . git commit -m "fixed untracked files" + yarn.lock 파일을 gitignore에 넣어서 무시해야할까? A. yarn.lock은 github에 올려서 같이 관리해야한다. gitignore에 포함시키면 안됨! 부가설명: yarn.lock 파일은 ..

nvm 은 node version manager의 축약어로 말 그대로 노드의 버전을 관리해주는 도구입니다. node.js를 설치하기 이전에 nvm을 깔아야하기 때문에 기존에 있던 node.js를 삭제해주고 nvm을 깔아주었습니다. nvm을 설치하기위해서 cmd로 들어가 설치하기 위한 명령어를 입력하는데 제 컴퓨터의 user경로가 C:\Users\한글이름> 로 돼있어서 나중에 저 한글이름이 cmd창에서 제대로 출력되지않고 깨지더군요. 또한, nvm를 설치할 때 한글을 인식하지 못해서(PC명에 특수문자나 공백) 또는 권한 문제라는 판단이 들었습니다. 그래서 관리자 권한으로 cmd를 열어 nvm을 설치해주고 nvm의 설치경로 역시 C드라이브 아래에 폴더를 새로 생성하여 바로 아래에 넣어주었더니 해결되었습니다...

JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 느슨한 타입(loosely typed)의 동적(dynamic) 언어 자바스크립트에서 값은 항상 문자열이나 숫자형 같은 특정한 자료형에 속한다. 자바스크립트에는 8가지 기본 자료형이 있다. 자바스크립트의 변수는 자료형에 관계없이 모든 데이터일 수 있다. -> 자료의 타입은 있지만 변수에 저장되는 값의 타입은 언제든지 바꿀 수 있는 언어를 '동적 타입 언어'라고 부른다. 데이터 타입 (primitive type, object type) JS 언어의 타입은 크게 원시 값과 객체로 나뉜다. *원시 값- 객체를 제외한 모든 타입은 불변 값(변경할 수 없는 값)을 정의한다. Primitive types : 문자열이든 숫자든 한 가지만 표현할 ..

🍕HTML recap HTML(Hypertext Markup Language)은 마크업 언어이다. 마크업? 마크업은 말 그대로 표시하는 것이다. 웹 페이지에는 그림도 있고, 글도 있고 표도 있고, 여러가지 요소가 있다. "여기는 글자 영역이고 여기는 이미지 영역이다!" 라고 표시해서 브라우저가 웹페이지를 잘 그릴 수 있도록 하는 것이 HTML 이다. 안녕 -> 등은 엄밀히 말하면 tag가 아닙니다. 우리는 이것들을 요소(element)라고 부른다. tag는 요소를 만들 때 사용하는 이 꺽쇠 기호를 뜻합니다. 🐱‍👤DOM(문서객체모델)? -DOM은 html 단위 하나하나를 '객체로 생각'하는 모델입니다. 예를 들면, 'div'라는 객체는 텍스트 노드, 자식 노드 등등, 하위 어떤 값을 가지고 있을 겁니다...

🍕개발환경이란? - 프로그램 개발에 필요한 컴파일러, 통합개발도구(IDE), 서버런타임, 편집기 및 유틸리티 등을 개발 컴퓨터에 세팅해놓은 것을 말합니다. 보통 프론트, 백엔드 개발의 경우 컴퓨터나 OS(운영체제)는 큰 영향이 없다. 하지만 애플의 iOS 앱을 개발한다고 하면 맥 컴퓨터가 있어야 하며 xcode라는 개발툴을 사용해 swift라는 프로그램언어로 개발해야 한다. 🍕Node.js 초기 프로젝트 생성 및 실행 1. Node.js설치 공식홈페이지를 통해 다운로드 LTS 와 최신버전으로 나눠져 있는데 LTS는 안정적, 신뢰도 높은 버전이라 LTS를 선택해서 다운받았다. -> Node.js를 설치할 때 자동으로 자바 패키지 관리 모듈인 NPM이 딸려온다. 2. VSCode 설치 3. 원하는 위치에 새..

Array.prototype.reduce() reduce() 메소드는 배열의 각 요소에 대해 주어진 리듀서(reducer)함수를 실행하고, 하나의 결과값을 반환 각각의 배열 요소에 콜백함수를 실행하고 결과를 누적한 최종 답이 필요할 때 유용함 (e.g.배열 요소의 전체 합을 구할 때) const array1 = [1, 2, 3, 4]; // 0 + 1 + 2 + 3 + 4 const initialValue = 0; const sumWithInitial = array1.reduce( (previousValue, currentValue) => previousValue + currentValue, initialValue ); console.log(sumWithInitial); // expected output..