에뛰드 블로그
article thumbnail
[JavaScript] JavaScript 실행 원리
FE/JAVASCRIPT 2024. 7. 2. 19:53

🩷 JavaScript 실행 원리JavaScript는 JavaScript 엔진에 의해 실행됨.JavaScript 엔진은 브라우저에 기본 탑재되어 있음.웹 브라우저를 이용하면 JavaScript 코드를 실행할 수 있음.  개발자 도구웹 개발을 할 때 필요한 여러 가지 도구들을 모아둔 패널

article thumbnail
[WEB] HTML, CSS, JS의 역할
FE/WEB 2024. 7. 2. 19:36

🩷 HTML의 역할요소들의 내용, 배치, 모양을 정하기 위해 사용하는 언어색상이나 디자인 등의 수정은 불가🩷 CSS의 역할요소들의 색상, 크기 등의 스타일을 설정할 수 있음🩷 JavaScript의 역할웹 내부에서 발생하는 다양한 기능을 만들 수 있는 언어웹을 움직이게 하는 "웹의 근육" 이라고 표현할 수 있음

article thumbnail
[NestJS] NestJS 설치
BE/NestJS 2024. 6. 28. 10:06

🩷 Node.js 설치NestJS는 Node.js 환경에서 동작하는 프레임워크로, Node.js 기반으로 만들어졌다. 따라서 NestJS를 하기 위해서는 Node.js를 먼저 설치해야한다.안정 버전인 LTS 버전을 설치하는 것을 권장한다.https://nodejs.org/en/download/package-manager Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 🩷 NestJS 설치🩵 nestjs/cli 설치Nest CLI는 Nest 애플리케이션을 초기화, 개발 및 유지 관리하는 데 도움이 되는 명령줄 인터페이스 도구이다.npm install -g..

article thumbnail
[TypeScript] tsc 실행 시 발생하는 에러
FE/TypeScript 2024. 3. 9. 18:59

🩷 발생원인타입스크립트 파일을 처음 생성 후 tsc -w 명령어를 입력 시 실행되지 않으며 에러가 발생했다... 🩷 해결방법🩵 yarn 설치yarn이 설치된 줄 알았지만 설치가 되지 않았고, 설치하는 과정에서도 에러가 발생해 yarn 설치 법부터 해결했다.. Windows 명령 프롬프트 powershell 을 관리자 모드로 실행아래 명령어 실행 후 Y 입력Set-ExecutionPolicy RemoteSigned  아래 명령어 입력yarn install  🩵 TypeScript 버전 업그레이드설치 버전 확인yarn global list TypeScript 버전 업그레이드yarn global add typescript@latest oryarn global upgrade 🩵 tsc -w 입력tsc ..

article thumbnail
[TypeScript] 타입스크립트란?
FE/TypeScript 2024. 3. 9. 14:07

🩷 타입스크립트란?자바스크립트에 타입을 부여한 언어이다. 자바스크립트를 확장한 언어이다. 미국 마이크로소프트에서 개발한 오픈소스 언어이다.  🩷 타입스크립트를 배워야 하는 이유🩵 에러의 사전 방지함수의 내용을 모르더라도 함수를 호출할 때 인자의 타입이 맞지 않으면 개발 툴에서 미리 경고해 줌사소한 실수를 미연에 방지할 수 있음 🩵 코드 가이드 및 자동 완성코드를 빠르고 정확하게 작성할 수 있도록 도와줌비주얼스튜디오코드의 기능인 인텔리센스 기능을 지원받아 빠르고 정확하게 코드를 작성해 개발 생산성을 향상시킬 수 있음

article thumbnail
[혼공단] 11기_회고
혼공단 2024. 2. 13. 13:10

🩷 혼공단을 지원한 이유나는 현재 마이스터고를 다니며 곧 취업예정인 고등학생이다. 고등학교 선생님께서 매번 혼공단을 알려주셨었는데 시기 등의 여러 문제로 신청을 못하다가 이번 기회에 어떻해서든 꼭 해보고 싶어서 지원하게 되었다.  🩷 혼공단을 하면서 느낀점처음에는 개발블로그를 작성하는 것이 매우 낯설어 어떻게 작성해야할지 모르겠어서 먼저 혼공단을 한 친구에게 물어보기도 하고 친구의 블로그를 보면서 작성하기 시작했다. 매주 기본미션과 선택미션이 있고 미션을 해결한 후 페이스북에 공유하면 되는 형식이였다. 기본미션과 선택미션을 하면서 일주일에 한 챕터씩 공부를 하게 되는데, 이때 공부한 내용을 블로그에 정리하면서 하면 어떨까.. 라고 생각을 했고 챕터를 정리한 내용과 미션을 수행한 내용을 업로드했다. 미..

article thumbnail
[React] localhost:포트번호를 입력해도 실행이 안되는 경우
FE/REACT 2024. 2. 5. 23:38

리액트 완전 초보가 리액트 공부 하던 중 마주한 오류(?)를 해결하고 저와 같이 이러한 문제점을 가지고 있는 분들께 도움이 되고자 작성한 글입니다!! 🩷 발생원인리액트 공부 이틀차, 강의를 들으며 리액트 환경까지 다 설정해 놓은 뒤 다음날 포트번호를 입력하니 연결할 수 없습니다라는 문구가 떠서 헤맸다...다른 프로젝트에서 리액트를 잠깐 사용했었어서 그런가 하는 마음으로 포트번호를 계속해서 늘려나가면서 시도를 해봤지만 저 화면만 계속 떴다...  결국 구글링을 하면서 방법을 찾았는데... 너무 간단해서 잠깐 말을 잃었었다.... 그러면서 이젠 안 잊어버리고 계속해서 기억할 수 있게 시간을 소비한거라고 생각하려 한다.. 🩷 해결방법나는 비주얼스튜디오 코드로 리액트를 공부중이다.. npm run start..

article thumbnail
[MySQL] 데이터베이스란?
DB/MySQL 2024. 2. 5. 16:37

🩷 RDBMSRelational Database Management System관계형 데이터베이스 관리 시스템Join이라는 기능을 제공분리된 여러 테이블들을 이어주는 역할을 함SQL 명령으로 실행 가능SQL 데이터베이스라 불리기도 함 🩷 데이터베이스Database Management System특정 소프트웨어나 프로그램에 종속되지 않고 독립된 정보의 집합 내지 저장소데이터베이스라는 것 자체는 빈 창고나 캐비넷처럼 별다른 기능이 없음각종 기능들을 넣으면 DBMS 데이터베이스 관리 시스템이 됨 🩷 SQLStructured Query Language정보들을 입력하고 조회하고 수정, 삭제하는 등 데이터를 관리할 수 있도록 제공되는 방식표 형태의 데이터베이스에 정보를 넣고 빼고 조작하고 사용하는데 사용되는 ..

article thumbnail
[혼공스] 11기_6주차

🩷 기본미션 🩵 기본미션  🩵 선택미션  할 일 목록 추가하기   할 일 목록 추가하기 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스

article thumbnail
[혼공얄코] 11기_6주차

🩷 6주차 미션 🩵 기본미션 🩵 선택미션💜 VCSVCS (버전 관리 시스템, version control system) : 프로젝트의 변경 내역을 관리하는 시스템소프트웨어를 개발할 때 일정 시점과 단위로 프로젝트를 관리소스 코드 백업과 복구를 쉽게 도와주고 협업을 용이하게 도와줌💜 깃깃 (Git) : 가장 널리 사용되는 VCS커밋 : 프로젝트 작업 상태를 저장푸시 : 각 작업을 본 프로젝트에 업로드풀 : 다른 작업자들이 수정한 코드를 가져옴프로젝트를 관리하고 협업🤍 리셋과 리버트리셋 (reset) : 그 이전으로 뒤로 감기리버트 (revert) : 특정 버전만 거꾸로 돌려 감기 🤍 브랜치브랜치 : 하나의 프로젝트 폴더 안에 여러 차원을 분기할 수 있음 머지 (merge) : 버전에서 작업한 ..

검색 태그