본문 바로가기

분류 전체보기182

git commit error: pathspec '메세지'' did not match any file(s) known to git 강의를 들으면서 강사님 설명에 따라 git 버전 생성을 실습하던 중, git commit -m '메세지'를 입력했더니 다음과 같은 에러 메세지가 떴다. 에러 발생시 믿고 찾아보는 stackoverflow로 고고! 에러를 검색했더니 주효한 에러의 원인을 찾아 해결할 수 있었다. 읽어보면 다음과 같다. (클릭해서 크게 보세요.) 돌이켜 생각해보니 강사님을 따라 실습을 했는데, 강사님은 되시고 나는 에러가 뜬 상황이었는데 아래쪽 답변을 보니 그 이유를 알 수 있었다. 강사님은 macOS를 사용하셨어서 싱글과 더블 쿼테이션(작은 따옴표와 큰 따옴표) 둘 다 커밋 메시지 작성시 사용이 가능했고, 나는 windows라 error: pathspec '메세지'' did not match any file(s) known.. 2022. 9. 23.
favicon.ico가 자동으로 뜨지 않을 때 강사님께 문의드려보니 favicon.ico 파일 자체에 문제가 없다면, 브라우저 파비콘 캐시 문제일 수 있습니다. 강력 새로고침(Cmd + Shift + R)을 해보거나 혹은 코드를 추가한 후 브라우저에서 확인하고 다시 코드를 삭제하는 방법을 사용할 수도 있습니다.(그대로 두어도 되고요) 강사님의 답변에 따라 강력 새로고침을 해보니 파비콘이 바로 똬앟 ! 브라우저 캐시 문제인가보다.. 캐시에 대해 몰라 좀 더 알아보고자 조사한 내용은 다음과 같다. 캐시(Cashe)란 무엇일까? 컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 메모리 장소를 가리킨다. 캐시는 캐시의 접근 시간에 비해 원래 데이터를 접근하는 시간이 오래 걸리는 경우나 값을 다시 계산하는 시간을 절약하고 싶은 경우에 사용한다. 캐시에 데.. 2022. 9. 23.
자바스크립트의 null과 undefined, console.log와 console.dir 자바스크립트에서는 의미가 다소 다르지만, 다른 프로그래밍 언어에서 사용하는 null 외에 특수하게 undefined이라는 자료형이 있다. null은 null 값만을 포함하는 null 자료형으로 분류되고, '존재하지 않는 값(nothing)', '비어 있는(empty) 값', '알 수 없는(unknown) 값'을 나타낸다. undefined와 유사하지만 차이점은 '의도적으로' 값이 없는 것을 의미한다. undefined는 null과 같이, undefined 값 만을 포함하는 undefined 자료형으로 분류되고, '값이 할당되지 않은 상태 값' 즉, 기본값과 같은 의미를 띈다. 변수를 선언하였지만 값을 할당하지 않았으면 그 변수의 값은 undefined로 자동 할당된다. cf. 파이썬의 None 참조 자바.. 2022. 9. 21.
[KDT] HTML 요소의 전역 속성 HTML 요소들은 자기가 사용할 수 있는 속성이 정해져 있다. 하지만, 요소(태그)의 종류와 상관없이 어느 요소에서나 사용할 수 있는 속성이 있는데, 그것을 전역 속성이라고 한다. ㉮ ㉯ ㉰ ㉱ ㉲ ㉳ ㉴ => 이 요소에 잠시 데이터를 저장하기 위한 목적으로 사용하는 속성 사용자가 지정한 color라는 이름으로 데이터(값) red와 yellow를 저장해둘수 있고 이것을 아래 JS 코드에서 보듯이 해당 요소에서 데이터를 찾아 값을 꺼내 활용할 수 있다 ! ※ 위의 JS 코드를 살펴보면 상수 elms는 HTML의 2개의 div 요소를 값으로 갖게 되는 배열이 되고, 배열의 메서드 중 하나인 forEach를 적용하여 배열 요소 각각을 얻어낼 수 있으며, 그렇게 얻어진 각 요소(elm)에 대해 console.l.. 2022. 9. 16.
깃헙에서 파일을 폴더로 관리하고 싶을 때 자습하다 만든 파일을 깃헙에 올릴 때, 동일한 이름의 파일들이 주르륵 올라가는게 보기 싫어 폴더로 관리하고 싶다는 생각이 들었다. 깃헙에서 파일을 폴더화해 정리하고 싶을 때, 여기서 만들 폴더 이름을 작성하고 / 를 넣으면 바로 폴더가 생기고 그 다음에 파일명을 작성하면 된다. 폴더 안에 다시 폴더를 만들고 싶으면 / 를 또 넣어 작성하고, 마지막에 파일 이름을 쓰면 된다. 혹 이름을 바꾸고 싶으면 백스페이스를 눌러 바로바로 수정이 가능하다 ! 2022. 9. 15.
[KDT] 0915 자습 - HTML 무작정 시작하기 VS Code에서 .vscode는 현재 프로젝트의 VS Code 설정 정보가 들어 있는 폴더이다. 삭제해도 VS Code로 프로젝트를 켜면 다시 생성되므로 그냥 무시해도 된다. 보통 파일이나 폴더의 이름이 .(마침표)로 시작하면 숨김 전용 파일/폴더이다. Live Server는 개발을 위해 임시로 로컬(개인의 컴퓨터 환경) 서버를 오픈하는 것이고, 제품(웹사이트 등)은 실제 사용자들이 접근 가능한 호스팅 서버에 업로드해야 한다 ! 공백: 4라고 기본 세팅되어 있는 값을 바꾸고 싶으면 우측 하단의 그 부분을 클릭하면 위의 창에 나타나는 공백을 사용한 들여쓰기를 클릭해 들여쓰기시 원하는 칸 수만큼 지정할 수 있다. 설정을 바꾼 뒤 코드를 다시 정리(beautify)하고 싶다면 원하는 부분만큼 지정하여 정리된.. 2022. 9. 15.
[모자튜] 2.2-2.7 세미콜론(;) 자바스크립트는 줄 바꿈이 있으면 이를 '암시적' 세미콜론으로 해석한다. 이런 동작 방식을 세미콜론 자동 삽입이라고 한다. 줄 바꿈은 세미콜론을 대부분의 경우 의미하지만, 그렇지 않은 경우가 몇몇 있다. 예를 들어 줄이 '+'등의 연산자로 끝나거나, 대괄호 [ ] 가 세미콜론 생략 뒤에 연달아 나오는 경우에는 대괄호 앞에 세미콜론이 있다고 가정하지 않기 때문에, 단일문으로 여겨져 처리된다. ! 줄 바꿈으로 문(statement)을 나눴다 하더라도, 자바스크립트 커뮤니티에서는 세미콜론을 문 사이에 작성하는 규칙을 권장한다. 한 줄 주석은 두 개의 슬래시 //로(단축키; ctrl + / ), 여러 줄의 주석은 /*로 시작하고 */로(단축키; ctrl + shift + / ) 끝낸다. 중첩 주석은.. 2022. 9. 15.
[KDT] 웹앱의 동작원리 웹앱(Web Application); 웹 페이지 주소창에 페이지 주소를 입력하는데, 이 때 주소 앞에 붙이는 HTTP, HTTPS 등은 통신프로토콜(Communication Protocol, 통신 규약)로 컴퓨터나 원거리 통신 장비 사이에서 메시지를 주고 받는 양식 및 규칙의 체계를 의미한다. 그 주소에 맞는 서버로 최초의 요청(Request)이 들어가게 된다. 서버는 요청이 들어온 사용자 브라우저(컴퓨터)로 최초의 응답(Response)을 보내게 된다. 이 때 응답되는 파일은 HTML이다. 이 HTML 파일에서 추가로 요청이 들어가면 서버는 이에 맞는 추가응답을 하게 된다. 이 때 CSS, JS, PNG 등의 요청에 따른 응답에 맞는 정보들이 보내질 것이다. 웹 사이트를 개발할 나의 컴퓨터 환경을 로컬.. 2022. 9. 13.
VS Code에서 npm 설치 후 실행이 안 될 때 가득찬 메모리 용량으로 컴퓨터 성능이 문제가 생겨 컴퓨터를 밀고 다시 프로그램들을 다운로드하여 설치하는데 node.js를 설치하고 cmd에서 node와 npm 버전이 잘 확인되는데 VS Code 터미널에서 npm 실행이 안되는 것이었다. 쉘을 cmd로 설정하고 나서도 마찬가지. (기본 쉘 지정하는 건 알 필요가 있으니 npm 실행과 상관은 없으나 여기에다 방법을 올려놓겠다) ctrl + shift + p로 위의 검색창을 열고 terminal select default profile을 입력해 선택한다. cmd를 기본 쉘로 지정하고 node -v를 실행해도 여전히 다음과 같은 에러 메시지가 뜬다. 그래서 구글링해서 찾아 다음과 같이 하니 해결이 되었다 ! 위와 같이 하고 재부팅하니 cmd이든 powershe.. 2022. 8. 22.