개발개발

nvm 버전을 변경하기 위해 nvm use를 입력했는데 다음과같은 알아볼수도 없는 오류가 발생했다. exit status 1: �׼����� �źεǾ����ϴ�. 이는 권한 문제로 cmd를 관리자모드로 실행하면 해결되는 문제였다.

node.js는 각 상황마다 필요한 버전이 다를 수 있다. 필요한 버전을 매번 설치하는 대신 nvm을 통해 버전을 쉽게 바꿀 수 있다. 1. nvm setup 설치 https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 위 링크의 nvm-setup.zip을 설치한다. 2. nvm 버전 설치 cmd창이나 vscode의 터미널에서 nvm 설치를 확인한다. nvm ls No installations recogni..

각 브라우저마다 기본으로 제공하는 css가 조금씩 다르기 때문에 이를 초기화 한 후 사용하는 것을 권장한다. https://www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 billion requests per month. Built for production use. www.jsdelivr.com 위 링크로 들어가 reset.min.css에서 Copy HTML 을 ..

비트맵 픽셀이 모여 만들어진 이미지, 레스터 이미지 정교하고 다양한 색상을 자연스럽게 표현 확대/축소 시 계단 현상, 품질 저하 ex) jpg, png, gif, webp, 사진 벡터 점, 선, 면 등 수학정 정보로 이루어진 이미지 확대/축소에서 자유로움, 용량 변화가 없음 정교한 이미지를 표현하기 어려움 ex) svg, 아이콘, 로고 JPG (JPEG) 압축률이 훌륭해 사진이나 예술 분야에서 많이 사용 손실 압축 방식 용량이 획기적으로 줄어들 수 있음 JPG로 여러번 저장되면 여러번 손실이 일어나므로 이미지 색상이 변할 수 있음 표현 색상도(24비트)가 뛰어남 가장 널리 쓰이는 이미지 포맷 PNG Gif의 대체 포맷 비손실 압축 방식 이미지가 손실되지 않음 이미지 품질 그대로 유지 용량이 비교적 큼 투..

서버와 통신하기 위해선 API, JSON, Ajax 등에 대해 알아야한다. API란 서버와 클라이언트 사이의 데이터 요청을 위해 열어놓은 창구라고 할 수 있다.클라이언트에서 서버로 요청할 때, 타입이 존재하는데 대표적인 예로는 GET과 POST가 있다.GET : 데이터 조회를 요청할 떄 사용POST : 데이터 생성, 변경, 삭제를 요청할 때 사용 클라이언트가 서버에게 데이터를 요청할 때, 서버가 전달해주는 데이터의 포맷이 JSON이다.JSON은 자료형 구조 딕셔너리(Dictionary)와 유사하다.key와 value로 이루어져 있으며 데이터의 정보가 담겨있다.크롬 익스텐션 JSONView를 설치하면 JSON 파일을 가독성 좋게 볼 수 있다.https://chrome.google.com/webstore/d..

jQuery란 JavaScript를 미리 작성해둔 라이브러리이다. 가져와서 사용해야하기 때문에 쓰기 전에 import 해주어야 한다. 만약 부트스트랩 템플릿을 사용한다면 템플릿 안에 이미 작성되어 있기때문에 중복해서 작성하지않아도 된다. jQuery를 사용하면 JavaScript를 사용하는 것보다 직관적이고 간결하게 쓸 수 있다. # javascript 사용하여 감추기 document.getElementById("element").style.display = "none"; # jquery 사용하여 감추기 $('#element').hide(); jQuery를 사용하면 JavaScript를 사용하는 것보다 직관적이고 간결하게 쓸 수 있다. 사용하기 # input 값 가져오기 $('#id').val() # i..

HTML 파일을 다음과 같이 시작한다. 제목 부트스트랩을 사용하기 위해 CSS 링크와 javascript 링크를 넣어준 것이다. CSS 파일을 따로 만들어주고 HTML에 연결하듯이 인터넷 상에 있는 부트스트랩 CSS 파일을 연결해주는 것이다. https://getbootstrap.com/docs/4.0/components/alerts/ Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. getbootstrap.com 위의 부트스트랩 사이트에서 원하는 디자인을 고르고 해당 코드를 복사해 원하는 위치에 붙여넣어준다. 부트스트랩 디자인..

https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 1. 위 사이트에서 마음에 드는 폰트를 고른다. 2. 마음에 드는 폰트를 선택하고 "+ Select this style"을 클릭한다. 3. 태그의 내용을 복사하여 HTML /* CSS 파일 */ *{ font-family: 'Nanum Gothic Coding', monospace; }