공부 기록일지📚

🍕 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 파일은 ..

🍕ECMAScript가 뭔가요? ECMAScript는 말 그대로 Ecma라는 기관이 만든 script언어이며, ECMA-262표준을 따르고 있다. 좀 더 엄밀히 따지자면 JS는 언어이고, ECMA 스크립트는 규격, 표준, 스펙을 말한다. *ECMA(European Computer Manufactures Association) ECMA internatinal은 정보통신기술(ICT), 전자제품(CE)를 위한 국제 표준 기구이다. ECMAScript의 언어 규격인 ECMA-262외에 C#, C++, Dart, JSON 등 여러 시스템을 위한 표준을 책임지고 있다. ECMA-262는 규격이며, ECMAScript는 ECMA-262에 의해 표준화된 자바스크립트의 새로운 이름이다. ECMAScript는 엄연히 프로..

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. 원하는 위치에 새..

😊첫 오티에서 배운 내용 포트폴리오 실전 메인1개 서브 1개(옵션) -> 프로젝트 흥행보다는 기술이 중요 프로젝트를 만들 때는 핵심기능 우선 구현 기본이 되는 것을 먼저 구현하는 것이 중요하다. 자소서 -> 내가 개발을 좋아하는 사람이라는 것을 어필해야 한다. 프로젝트를 다 만들고 나서 수정사항 확인// 한 번 프로젝트를 완성하고 나면 사용자가 직접 사용하면서 수정할 것이 많이 나옴 어떤 프로그램을 썼다면 해당 프로그램을 왜 썼는 지에 대해 설명할 수 있어야 한다. Q. 몽고DB를 사용한 이유가 뭔가요? A. 그냥 이걸 배워서요..?(X) 몽고DB는 NoSQL(Non Relational Operation Database SQL)로 관계형 데이터베이스가 아닌 SQL으로 JSON타입(정확히는 JSON과 유사..