공부 기록일지📚

🔥🔥 표시: 개인적으로 어렵게 느낀 질문 체크 🔥🔥Q.자바스크립트의 특징은 무엇인가요? (싱글 스레드), 싱글 스레드와 멀티 스레스의 장단점은 무엇인가요? 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어입니다. 또한, 자바스크립트 엔진은 기본적으로 하나의 쓰레드에서 동작합니다. 하나의 쓰레드(= 싱글 stack)에서 동작한다는 의미는 동시에 하나의 작업만 할 수 있다는 것을 의미합니다. 싱글 스레드의 장점은 스레드 간의 자원 공유가 없기 때문에 그에 대한 동기화에 대해 신경쓰지 않아도 되는 점과 스레드 간의 context switching이 일어나지 않으므로 오버헤드를 방지할 수 있다는 점입니다. 단점은 여러개의 cpu를 활용할 수 없습니다. 멀티스레드의 장점은 프로세스의 자원과 상태..

🍕클래스형 컴포넌트 와 함수형 컴포넌트 차이 컴포넌트의 생명주기를 관리하는 LIfeCycle api를 클래스형에서는 componentDidMount / componentDidUpdate / componentWillUnmount 3개의 함수로 쪼개놨다면 함수형에서는 useEffect라는 hook에 3가지 기능을 같이 수행하도록 만들어놨다. 함수형 컴포넌트에서 리렌더링된다는 것은 "해당 함수를 다시 호출한다"라는 의미 -> useEffect를 사용하지 않고 빠르게 확인해보고 싶다면 해당 컴포의 최상단에 console.log("나 렌더링됨"); 하고 state값을 변경하는 이벤트를 발생시켜주면 된다. 아래는 그 예시코드 const One = () => { //구조분해 할당 const [oneValue, set..

CRA 없이 리액트 프로젝트 세팅하기 terminal( 저는 bash 임 ) 에서 현재 경로에 폴더 만드는 명령어 : mkdir mkdir myfolder 폴더가 생성됐으면 해당 경로로 이동하는 명령어: cd 파일 혹은 폴더명 -> 여기서 폴더명을 전부 쓸 필요없이 앞쪽만 쓰고 Tap 키를 누르면 아래와 같이 매칭되는 폴더명이 자동완성된다. cd myfolder/ myfolder 내부에 폴더 2개(src, public)를 동시에 만드는 커맨드 mkdir -p src public 리액트 프로젝트를 만들어줬으니 초기화해준다. 초기화 명령어 yarn init -y -> 이렇게 해주면 package.json 파일이 생기는데 우리가 CRA를 통해서 리액트 프로젝트를 만들고 yarn start 커맨드를 통해 프로젝..

🍕DOM은 정확히 무엇인가? DOM(Document Object Model)은 웹 페이지에 대한 인터페이스이다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있도록 API를 제공한다. ▶프로그래밍 언어가 DOM구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 nodes와 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. ▶DOM 은 동일한 문서를 표현하고, 저장하고, 조작하는 방법을 제공한다. DOM 은 웹 페이지의 객체 지향 표현이며, 자바스크립트와 같은 스크립팅 언어를 이용해 DOM 을 수정할 수 있다. ▶DO..

🍕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드라이브 아래에 폴더를 새로 생성하여 바로 아래에 넣어주었더니 해결되었습니다...

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

VScode Live Server로 html파일을 열려고했는데 화면이 안뜨고 무한대기 열고싶은 html파일 코드문제인지 확인하려고 다른 html파일 열었는데 똑같이 실행X 인터넷 연결문제 없음 마이크로소프트 엣지(다른 브라우저)는 열림 결론: 크롬(브라우저)의 문제일 것 해결방안: 작업관리자에 들어가서 열려있는 chrome 작업중지 -> 크롬 정상 실행