본문 바로가기

전체 글72

CodeSnap 사용하기(나만 몰랐음🥲) 팀원분 블로그에 갔다가 발견한 스크린샷. 구글링 하다 몇 번 봤었는데 엄청 깔끔하다 생각만하고 어떻게 하는 건지는 몰랐는데 여쭤보니 코드스냅이라는 익스텐션 사용하셨다고!! 당장 구글링 해보고 몇 번 해보니 손에 익어 포스팅 해보기로!! 1. code snap 다운로드 받기 익스텐션에서 이거 다운로드 받으면 됨! 혹시 몰라서.. 이거 누르면 됩니다!! 2. 사용하려는 코드를 드래그하기 그리고 cmd + shift + p(윈도우는 ctrl + shift +p) 누른 후 사용하려는 코드를 드래그 해주면 옆 화면에 나타난다! 3. code snap마크를 누른 후 파일 저장하기 4. 완성! 끝!! 2023. 5. 24.
JavaScript 정복하기[1] - JavaScript 데이터 타입 JavaScript 데이터 타입 자바스크립트는 runtime, 즉 코드를 작성할 때가 아니라 실제 코드가 실행될 때(터미널) 실행되는 언어이며 그 때 데이터 타입이 결정된다. java : string a = "abc" const a = "abc" 1. 숫자(Number) 1-1. 정수 let num1 = 10 console.log(num1) console.log(typeof num1) // number 1-2. 실수 let num2 = 3.14 console.log(num2) console.log(typeof num2) // number 1-3. 지수 let num3 = 2.5e5 // 2.5 x 10^5 console.log(num3) console.log(typeof num3) // number 1-.. 2023. 5. 24.
JavaScript 정복하기[0] - 변수, 데이터타입 변수란? 수학에서 쓰이는 수식에 따라서 변하는 값을 뜻하지만 컴퓨터 프로그래밍에서 변수란 메모리에 저장하고, 그걸 읽어들어서 재사용 할 수 있다. 변수의 5가지 주요 개념 var myVar = "Hello World" 1. 변수 이름: 저장된 값의 고유 이름 ex) myVar 2. 변수 값: 변수의 저장된 값 ex) "Hello World" 3. 변수 할당: 변수의 값을 저장하는 행위 ex) var myVar = "Hello World" => 저장하는 행위 4. 변수 선언: 변수를 사용하기 위해 컴퓨터에 알리는 행위 ex) var myVar => myVar를 사용하기 위해 컴퓨터를 알리는 것 5. 변수 참조: 변수에 할당된 값을 읽어오는 것 ex) console.log(myVar) var a = 10 v.. 2023. 5. 24.
node.js 설치하기 + 'MODULE_NOT_FOUND' 에러 해결 node.js를 설치하는 방법은 간단하다. 해당 페이지에 들어가서 브라우저 환경에 맞게 설치 버튼을 누르면 끝! 설치 후 console.log("Hello World")를 입력하고 터미널에서 node + 01.js(파일이름)을 실행시키면 "Hello World"가 나오면 node.js가 제대로 설치 된 것이다. https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1. 각자의 OS에 맞춰 다운로드 하기 2. 저장한 파일을 열고 실행하기 계속 계속 ▶️ 동의 계속 암호 입력 3. 설치 완료 node -v npm-v 입력했을 때 버.. 2023. 5. 23.
JQuery와 Javascript JQuery란 무엇인가? JQuery란 HTML의 요소를 조작하는 편리한 Javascript를 미리 작성해둔 것을 말한다. JQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드(라이브러리)이다. 따라서 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것이므로 ⭐️import 필요⭐️ 예시) Javascript document.getElementById("element").style.display = "none"; JQuery $('#element').hide(); JQuery 사용해 보기! // (1) 2. 리스트 test // (2) 3. 딕셔너리 test // (3) 4. 리스트 딕셔너리 test 위 html코드에 JQuery 를 사용해 입력하면 .. 2023. 5. 23.
Github로 배포하기 예전에 깃허브를 사용해 배포하는 방법을 공부 한 적 있었는데 무조건 퍼블릭으로 올려야 하기도 하고, 평소에는 프라이빗으로 업로드해서 처음 공부 할 때 이후로 한 번도 올린 적 없었다. 이번에 배포를 해보려는데 기억이 안나서 정리해보려 한다⭐️ 1. 깃허브 리파지토리에 업로드하기 깃허브에 로그인을 한 다음 새로운 리포지토리를 만들어 준다. Owner는 자신의 깃허브 ID를 입력하고, name을 입력하면 끝! ⭐️중요: Public으로 생성하세요!⭐️ 2. 파일을 올려주기 파일을 새로 만들고 싶다면 createing a new file을 미리 만들어둔 파일을 업로드하고 싶다면 uploading an existing file을 입력한다. ⭐️무조건 index.html 파일이 들어가야 한다!⭐️ 3. 설정 변경.. 2023. 5. 23.

티스토리툴바