IT Study. (46) 썸네일형 리스트형 2장. 자료와 변수 - 3 혼공JS 2장 - 3 02-3 자료형 변환 사용자로부터 글자를 입력 받을 때는 prompt() 함수를 사용한다. 어떤 자료형의 값을 다른 자료형으로 변경하는 것을 자료형 변환이라고 한다. 숫자 자료형으로 변환할 때 Number() 함수를 사용한다. 문자열 자료형으로 변환할 때 String() 함수를 사용한다. 불 자료형으로 변환할 때 Boolean() 함수를 사용한다. 문자열 자료형을 입력할 때 사용하는 함수는 prompt()이다. prompt(메시지 문자열, 기본 입력 문자열) 위 코드를 실행한 결과는 아래와 같다. 위와 같이 함수를 실행한 후 값을 남기는 것을 리턴(return)이라고 표현한다. 문자열 외에 불 자료형도 값으로 입력받을 수 있으며, confirm() 함수를 사용한다. confirm(메.. 2장. 자료와 변수 - 2 혼공JS 2장 - 2 02-2 상수와 변수 상수는 변하지 않는 값을 저장하는 식별자이다. const 키워드를 사용해 선언한다. 변수는 변하는 값을 저장하는 식별자이다. let 키워드를 사용해 선언한다. 상수 또는 변수를 생성하는 것을 선언이라고 한다. 상수 또는 변수에 값을 넣는 것을 할당이라고 한다. 우리는 원주율에 파이라는 기호를 붙여서 사용한다. 이때 파이와 같은 것을 상수(constant)라고 한다. 상수를 만드는 과정을 '선언'이라고 표현하고 const 키워드로 아래와 같이 선언한다. Identifier has already declared 특정한 이름의 상수는 한 파일에 한 번만 선언할 수 있다. Missing initializer in const declaration 상수는 한 번만 선언할 .. 2장. 자료와 변수 - 1 혼공JS 2장 - 1 02-1 기본 자료형 프로그래밍에서 프로그램이 처리할 수 있는 모든 것을 자료(data)라고 부흐며, 자료 형태에 따라 나눠 놓은 것을 자료형(data type)이라고 한다. 자바스크립트에서 가장 기본적이면서도 많이 사용하는 자료형은 숫자(number), 문자열(string), 불(boolean) 자료형이다. 문자들의 집합을 문자열(string)이라고 한다. 자바스크립트에서는 문자가 하나든 여러 개든 모두 문자열 자료형이라고 한다. 함수와 메소드 함수와 메소드는 모두 '특정 기능을 동작시키도록 작성'된 '코드의 집합'이다. 다만, 메소드는 클래스가 가지고 있는 함수를 말하며, 함수는 메소드를 포괄하는 의미를 가진다. 문자열 만들기 자바스크립트는 2가지 방법으로 문자열을 생성한다. 첫.. 1장. 자바스크립트 개요와 개발환경 설정 - 3 혼공JS 1장 - 3 01-3 알아두어야 할 기본 용어 자바스크립트에서 값을 만들어내는 간단한 코드를 표현식(expression)이라고 한다. 예로 273, 10 + 20 + 30, 'RintIanTta' 이러한 표현식이 하나 이상으로 모이면 문장(statement)가 되고, 문장의 끝에는 마침표를 찍듯이 세미콜론(;) 또는 줄바꿈을 넣어서 문장의 종결을 알려준다. 이러한 문장이 모여서 프로그램(program)을 이룬다. Statement? 일반적인 '문장'은 영어로 sentence이다. 하지만 프로그래밍에서 '문장'은 statement의 의미로 쓰인다. statement의 사전적 의미는 성명, 진술, 서술, 선언 등이다. 이후에 다루는 if 조건문, switch 조건문, for 반복문, try catc.. 1장. 자바스크립트 개요와 개발환경 설정 - 2 혼공JS 1장 - 2 01-2 개발환경 설치와 코드 실행 개발을 할 수 있게 해주는 환경을 개발환경(development environment)이라고 부른다. 개발환경에는 코드를 작성하는 텍스트 에디터와 코드를 실행하는 코드 실행기가 필요하다. 여기서는 기본적인 자바스크립트 개발을 위해 텍스트 에디터는 비주얼 스튜디오 코드(Visual Studio Code)를 사용하고, 코드 실행기는 구글 크롬이라는 웹 브라우저를 사용한다. 구글 크롬 설치하기 구글 크롬 홈페이지에 들어가서 Chrome을 설치한다. 구글 크롬 공식 사이트 : https://www.google.com/chrome/ Chrome 웹브라우저 더욱 스마트해진 Google로 더 간편하고 안전하고 빠르게. www.google.com 비주얼 스튜디오.. Vue Developer Roadmap - 2022 Vue Developer Roadmap - 2022 reference : https://github.com/saifaustcse/vue-developer-roadmap GitHub - saifaustcse/vue-developer-roadmap: Vue Developer Roadmap Vue Developer Roadmap. Contribute to saifaustcse/vue-developer-roadmap development by creating an account on GitHub. github.com 1장. 자바스크립트 개요와 개발환경 설정 - 1 혼공JS 1장 - 1 01-1 자바스크립트의 활용 자바스크립트(JavaScript)는 웹 브라우저에서 사용하는 프로그래밍 언어(programming language)이다. 참고로 썬 마이크로시스템즈에서 개발한 프로그래밍 언어인 자바(Java)와 비슷한 이름을 사용하는 마케팅 조약을 체결했다. 자바와 자바스크립트는 이름은 비슷하지만 인도와 인도네시아, 코끼리와 바다코끼리처럼 완전히 다른 프로그래밍 언어이다. 웹 클라이언트 애플리케이션 개발 웹은 하이퍼링크(hyperlink)라는 매개체로 웹 문서가 연결된 하나의 거대한 책에 불과했다. 하지만 자바스크립트가 나오면서 웹 문서의 내용을 동적으로 바꾸거나 사용자의 마우스 클릭과 같은 이벤트 처리가 가능해졌다. 웹은 점점 발전하여 애플리케이션 모습에 가까워졌다. .. 21. Vue와 Firebase로 나만의 사이트 만들기 - 하위메뉴 추가하기 VF - 21강 이번 강에서는 하위 메뉴를 추가할 것이다. 하지만 하위 메뉴에 추가하기가 들어가면 코드가 난잡해서 코딩하기가 쉽지 않아진다. 강의 자체도 작성된 코드를 설명하며 끝이났으며, 필자도 코드를 따라 적으면서 이해하였다. 아래의 코드를 따라쳐보며 작성하자. Menu 0.0.1 {{ item.title }} mdi-pencil {{ subItem.title }} mdi-pencil mdi-plus 추가하기 mdi-plus 추가하기 메인 아이템 수정 mdi-content-save mdi-close 서브 아이템 수정 mdi-content-save mdi-close 코드가 점점 난잡해지고 있으나 어떻게 돌아가는지 이해하고 넘어가도록 하자. memi dev 유튜브 강의 보기 https://memi.dev.. 이전 1 2 3 4 5 6 다음
