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

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

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

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

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

🩷 기본미션 🩵 기본미션 🩵 선택미션 할 일 목록 추가하기 HTML 삽입 미리보기할 수 없는 소스

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

🩷 5주차 미션 🩵 기본미션 객체 (object) 속성 (property) 메소드 (method) 여러 가지 속성을 가질 수 있는 대상 객체 내부에 있는 값 ● 배열 내부에 있으면 요소 ● 객체 내부에 있으면 속성 ○ delete 키워드 : 객체의 속성 제거 할 때 사용 객체의 속성 중에 함수 자료형인 속성 ● this 키워드 : 객체 내부의 메소드에서 자기 자신이 가진 속성을 표시할 때 사용 🩵 선택미션 ❓모질라 문서에서 Math 객체와 관련된 내용을 읽고 사인 90도의 값을 구하기 단순하게 생각해서 Math.sin( ) 메소드를 사용하여 코드를 구현하면 0.8939966636005579 이러한 결과가 나오게 된다. 이를 어떻게 해야 제대로 사용할 수 있는지 구글 검색을 활용해 볼 것이다. javasc..

🩷 06-1 객체의 기본 🩵 객체 객체 (object) : 속성을 가진 자바스크립트의 기본 데이터 타입 자바스크립트에서 여러 자료를 다룰 때 객체 사용 배열도 여러 자료를 다룰 수 있음 객체 선언 : 중괄호 { ... } 로 생성, 자료를 쉼표 ( , ) 로 연결해서 입력 키 : 값 객체 요소 접근 : 객체 뒤에 [ ... ] 를 사용하고 키를 입력 객체 [ 키 ] 온점 ( ... ) 사용 보조 기능을 활용할 수 있음 객체 . 키 🩵 속성과 메소드 요소 (element) : 배열 내부에 있는 값 속성 (property) : 객체 내부에 있는 값 🤍 속성과 메소드 구분하기 메소드 (method) : 객체 속성 중 함수 자료형인 속성 🤍 메소드 내부에서 this 키워드 사용하기 메소드 내에서 자기 자신이 가..

🩷 5주차 미션 🩵 기본미션 🩵 선택미션 절차지향 프로그래밍 객체지향 프로그래밍 함수형 프로그래밍 소스 코드를 위에서부터 차례대로 읽고 실행하는 방식 프로그램을 객체 단위로 나누어 프로그래밍하는 방식 함수형 기능들을 활용해서 변수의 사용을 최소화하는 프로그래밍 방식 장점 : 실행 속도가 빠름 단점 ● 모든 구성 요소가 유기적으로 연결되어 있기 때문에 사소한 문제 하나만 생겨도 시스템 전체가 돌아가지 않음 ● 실행 순서가 정해져 있기 때문에 소스 코드의 순서가 바뀌면 결과가 달라질 수 있음 장점 : 유지보수도 쉽고 생산성도 좋음 단점 ● 모든 객체의 역할과 기능을 이해해야 하기 때문에 설계에 많은 시간이 걸림 ● 처리 속도가 절차지향보다 느림 ● 객체지향 언어는 대체로 난도가 높은 편임 장점 : 적절히 사..