티스토리

나만의공간

검색하기

블로그 홈

나만의공간

soccer910.tistory.com/m

HOW어떻게 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

Vue.js[뷰 애플리케이션의 기본구조 ,]_02일차 1일 차 (종이책p.67~100)3.3기본문법 다루기-13.1 뷰 애플리케이션의 기본구조 특히 중요한 역할을 파일은 package.json , index.html , main.js , App.vue 이다 package.json 뷰 애플리케이션에서 가장 중심이 되는 파일임기본 정보, 의존성 모듈 정보 , 스크립트 명령어 정보등을 담고 있음name : 애플리케이션을 명확히 구분할 수 있도록 직관적인 이름으로 작성해야함 version : 버전을 나타내는 문자열, 여기서 0,0,0 은 [major]. [minor].[patch] 버전을 의미함 major 는 하위 호환성이 없는 변경 사항이 있을대 증가 minor 는 하위 호환성이 있는 기능을 추가하거나 변경 사항이 .. 공감수 2 댓글수 1 2024. 11. 27.
15.자바스크립트[상태 관리] 1. 상태관리와 SPA상태 ( state ) 란?값이 변하는 데이터 state라고 불리는 상태는 웹 페이지 내에서 눈에 보이는 눈에 보이지 않는 모든 변화하는 데이터※ 상태 관리란데이터의 흐름을 편리하게 관리상태를 효율적으로 변경불필요한 리렌더링 발생 X 사용자에게 좋은 경험 제공 (페이지 로딩시간) "리렌더링"이란 상태가 변경될 때 컴포넌트가 다시 그려지는 과정 파일구조상태관리는 웹페이지의 데이터 흐름을 효율적으로 관리하고 사용자 경험을 개선하는 데 필수적인 기술임상태 관리를 사용하면 하나의 컴포넌트에서 변경사항이 발생한다면 해당 부분의 상태만 변경시킬 수 있기 때문에기존 방식에 비해 성능을 향상하고 데이터를 관리하기 쉽게 만들어줌상태관리를 통해 불필요한 리렌더링을 방지하고 웹 애플리케이션의 성능을 .. 공감수 0 댓글수 0 2024. 11. 27.
14.자바스크립트[컴포넌트,모듈] 1 컴포넌트컴포넌트는 웹 애플리케이션의 구성요소로 웹 애플리케이션을 기능별로 나눈 독립적인 부분중복코드 작성하지 않고 재사용 가능 기능과 구조를 명확하게 분리 가능독립적인 요소 -> 유지보수 편리컴포넌트와 모듈4 개의 버튼들이 있는 TabBar와 사진들을 Content로 나누고 각각 TabBar.js와 Content.js로 분리함API를 호출하는 기능은 별도의 컴포넌트로 나누지 않았음-> 컴포넌트는 주로 사용자 인터페이스와 사용자와 상호작용을 하는 부분, UI를 나타내기 때문에UI 재사용 부분이 아닌 재사용이 가능한 어떠한 기능인 API 를 호출하는 코드는 컴포넌트로 나눌 수 없음-> 컴포넌트로 분류할 수는 없지만 중복되는 기능은 컴포넌트가 아닌 하나의 모듈로 나눌수 있다모듈재사용 가능한 코드의 집합으.. 공감수 0 댓글수 0 2024. 11. 27.
13.자바스크립트[동물 앨범 만들기] 1-1 동물 앨범 만들기동물 사진들은 API 호출을 통해 불러올 수 있음 API 사용법API 주소만 호출하게 될 경우 값을 반환하고 API 주소의 뒤쪽에 동물 이름을 넣어 호출하게 되면이 name에 해당하는 동물들의 사진들만 반환하는 api API 주소를 const 키워드를 통해 작성해 줌 API를 호출하는 기능을 하는 getData라는 함수를 작성해 줌 / const getData =()=>{}getData 함수의 내부에서는 res라는 변수의 fetch 메서드를 사용해서 API를 호출해 주고 API를 비동기적으로 처리해 주기 위해 함수의 앞에는 async를 작성하고 feach메서드 앞에는 await를 작성해야 함 const getData = async() =>{ let res = await feac.. 공감수 0 댓글수 0 2024. 11. 26.
12.자바스크립트[this와 화살표 함수] 1.this 와 화살표 함수화살표 함수와 일반함수의 차이점은 함수 내부의 this 가 가리키는 값이 다르다는 것임 this는 함수가 어떻게 호출 되었는가에 따라 바인딩(binding) 하는 값이 달라지는 키워드임 웹개발에서 바인딩 (Binding)이란, 데이터를 특정 위치에 동적으로 연결하는 것을 의미한다. 화살표 함수 내부의 this 가 어떠한 값을 갖는지 알아보기생성한 count 변수를 0 으로 초기화내장함수인 setInterval 메서드를 사용함setInterval 메서드는 매개 변수 변수로 콜백함수와 딜레이 타임을 전달받는 메서드임 콜백 함수로는 function 키워드를 사용해서 count변수의 값을 1씩 증가시켜주고 증가된 카운트의 값을 출력해주는 코드를 콜백함수의 내부에 작성해줌setInte.. 공감수 1 댓글수 1 2024. 11. 26.
11.자바스크립트[this-1,2] 1.자바스크립트의 this자신이 속한 객체를 가리킴 this 는 자신이 속한 객체를 가리키는 키워드로 자바스크립트의 함수와 관련이 있음자바스크립트의 this 키워드는 함수가 어떻게 호출되었는가에 따라 바인딩되는 값이 달라진다는 ,즉 값이 동적으로 결정 "바인딩되다"라는 표현은 주로 프로그래밍에서 특정 변수나 객체가 특정 값이나 함수에 연결되는 것을 의미합니다. 전역공간window 객체는 웹 브라우저의 전역객체로 전역공간에 항상 존재하는 객체를 의미함 함수this 키워드는 자신을 포함하고 있는 함수가 어떻게 호출 되었는가에 따라 값이 달라짐this 키워드를 포함하고 있는 fuc함수를 호출한 객체인 윈도우 객체가 this에 바인딩이 됨메서드메서드 = 객체의 프로퍼티에 저장된 함수함수를 메서드로써 호출하면 메.. 공감수 0 댓글수 0 2024. 11. 26.
Vue.js[뷰를 사용해야하는 이유,첫번째 뷰 애플리케이션 만들기]_01일차 Part 1 Vue.js 기본기술 익히기 1일 차 (종이책 ~ P66)1장 Vue.js 개요 살펴보기 1. 뷰는사용자 인터페이스 (UI, User Interface)를 만드는 데 사용하는 자바스크립 기반 오픈소스 프로그레시브 프레임워크이다.https://ko.vuejs.org/ 뷰 공식 사이트 대부분 오픈소스 프레임워크는 모두 특정 소프트웨어 아키텍처 패턴에 기반을 두고 있음 아키텍처 패턴(Architecture Pattern)은소프트웨어 시스템의 구조를 설계할 때 반복적으로 사용할 수 있는 설계 템플릿입니다. 뷰는 MVVM 아키텍처 패턴을 따름 Model - View - ViewModel MVVM 아키텍처 패턴데이터를 보여주는 뷰(view)와 데이터를 처리하는 모델(model) 사이에 데이터를 중개.. 공감수 1 댓글수 0 2024. 11. 25.
10.자바스크립트[웹과 DOM-02] 1.DOM API-2createElement새로운 노드를 생성할 수 있음타입 요소에 텍스트 값이 추가됨별도의 텍스트 노드가 새로 생성됨 DOM API를 사용해 div 요소와 text 노드를 생성했지만 화면에는 '몰티즈'라는 텍스트는 안보임-> 화면에 보이지 않는 이유는 생성만 되었을 뿐 , 아직 DOM 트리에 추가된게 아니기 때문임appendChild라는 메서드를 사용해서 전달받은 노니를 원하는 요소의 마지막 자식으로 추가할 수 있음DOM 트리는 노드 간의 상하 관계를 한눈에 볼 수 있는 트리구조임 상하관계는 부모 관계라고 함 appendChild 는 부모 노드를 작성한 다음 부모 노드에 appendChild를 작성하고 appendChild의 괄호 안에는 부모 노드에 새로 추가할 자식 노드를 작성해야 함.. 공감수 1 댓글수 1 2024. 11. 25.
09.자바스크립트[웹과 DOM-01] 1 웹과 DOM자바스크립트는웹 페이지를 동적으로 만들어주기 위해 개발된 프로그래밍 언어이다.DOM을 통해 웹 페이지의 요소에 접근할 수 있다 DOM 이란Document Object Model의 약자로 직역하면 문서 객체 모델 이라고 할 수 있음 DOM 은 HTML로 작성된 여러 요소들에 자바스크립트가 접근하고 조작할 수 있도록 브라우저가 변환시킨 어떠한 객체이다즉, HTML 로 작성된 요소들을 자바스크립트가 이해할 수 있도록 객체로 변환한 것 웹의 구성요소인터넷에서 사용자들이 정보를 공유할 수 있는 공간 HTML로 작성된 페이지를 웹 페이지라고 부름웹 페이지가 여러 개 모여있는 웹 페이지들의 집합을 웹 사이트라고 부름웹 사이트는 URL에 접속해서 볼 수 있는 웹 페이지들을 통트렁 부르는 말로 홈페이지라.. 공감수 2 댓글수 1 2024. 11. 25.
08.자바스크립트[async 와 await] 02 비동기와 API1.async와 awaitasync 와 await 은 프로미스 객체를 더욱 쉽게 작성할 수 있게 도와주고 코드를 직관적으로 해석할 수 있게 도와줌 delay 함수가 호출하면 생성한 프로미스 객체를 반환할 수 있도록 리터문으로 작성delay 함수를 호출하는 start라는 함수를 작성해 줌delay 함수는 프로미스 객체를 반환하기 때문에 함수 호출문 뒤에 then 메세드를 사용해서 resolve함수를 통해 전달받은 결과 값을 출력하는 코드를 작성함 async라는 키워드를 작성해 볼 경우 async는 비동기를 수행할 함수의 오른쪽에 작성함 어떠한 함수에 async라는 키워드를 작성하면 해당 함수는 항상 자동으로 프로미스 객체를 반환함await 키워드는 async 키워드가 작성된 함수의 내.. 공감수 0 댓글수 0 2024. 11. 25.
07.자바스크립트[비동기 , 프로미스 객체] 1. 비동기1) 동기와 비동기란동기란 하나의 작업이 실행되는 동안은 다른 작업을 수행하지 않는 방식, 즉 순차적인 방식 ※ 비동기작업이 종료되기를 기다리지 않고 다른 작업을 병렬적으로 수행하는 방식 동시에 여러 작업을 한 번에 처리할 수 있기 때문에 훨씬 빠르게 작업할 수 있음 작업을 수행하는 어떠한 주체를 스레드라고 함자바스크트는 싱글스레드 언어로 한 번에 하나의 작업만 수행할 수 있음멀티스레드 작업 방식으로는 작업을 할수 없음하나의 스레드에서 여러 개의 작업을 한 번에 비동기로 처리해야 함 '종료'라는 단어가 먼저 출력된 이유는 SetTimeout 함수 안에 있는 콜백 ㅎ마수가 실행이 종료될 때까지 즉 3초라는 시간을 기다리지 않고 아래 작성된 '종료'를 출력하는 코드가 바로 실행 되었기 때문이다 .. 공감수 1 댓글수 0 2024. 11. 24.
06.자바스크립트[배열과 객체의 구조분해 할당,spread 와 rest ] 1. 배열과 객체의 구조분해 할당구조 분해 할당이란 배열이나 객체의 요소 및 프로퍼티들을 분해해서 그 값을 각각의 변수에 할당하는 표현식구조 분해 할당을 이용하면 배열이나 객체 안에 있는 값을 쉽고 간편하게 추출가능. 선언분리 할당-변수를 선언을 분리해서 배열의 값을 할당하는 방 - 두 변수의 값을 서로 바꾸는 코드두 변수의 값을 교환하기 위해 tmp라는 임시 변수가 필요-배열의 구조분해 할당을 통한 두 개의 변수의 값을 서로 바꾸는 코드-객체 구조분해 할당= 인덱스를 이용해 인덱스의 순서대로 변수의 값을 할당하는 배열의 구조분해와는 달리 키값을 기준으로 객체를 분해해변수에 할당함2. spread 와 rest ( 스프레드와 레스트 문법)spread... ... 점 세 개의 기호를 사용해 특정 객체가 가.. 공감수 1 댓글수 1 2024. 11. 20.
05. 자바스크립트[자바스크립트 배열 내장 함수 -1,2] 1 자바스크립트 배열 내장 함수 -11) 배열 요소들에 하나씩 접근해야 할 때, 배열을 순회해야 할 때 사용하는 내장함수들과 방법 4가지forEach 메서드에는 매개변수로 함수를 전달할수 있음 _ 이 함수를 callblck(콜백함수)라고 함콜백함수는 3가지의 매개변수를 전달할 수 있음 1.CurrentValue , 즉 처리할 현재 요소를 매개변수로 넣을 수 있음 2. index 실제 배열 요소의 순서 전달 3. array() forEach 라는 내장함수는 배열에서 for문을 대체해 사용되며 콜백함수의 여러 가지 매개변수들을 통해 더 다양한 기능을 할 수 있는 유용한 배열 메서드이다. 4. map()map이라는 내장함수는 배열 안에 모든 원소를 변환할 때 유용하게 사용되는 메서드 이 map 이라는.. 공감수 1 댓글수 1 2024. 11. 20.
04. 자바스크립트[생성자 함수,반복문,객체를 배열로 변경하는 방법] 1. 생성자 함수 생성자 함수는 일반적으로 동일한 구조를 갖는 여러 개의 객체를 쉽게 생성하기 위해 사용됨 여러 객체 생성이러한 경우 생성자 함수를 사용하면 코드를 훨씬 간단하게 작성할 수 있음 생성자 함수는 대문자로 작성 !new 키워드로 생성자 함수가 새로 생성한 객체를 할당해 줌생성자 함수는 새로운 객체를 생성하는 데 사용되는 특수한 함수로 이와 같이 같은 구조를 여러 개 생성해야 하는 경우에 사용되며 객체의 초기 프로퍼티 인스턴트 값을 설정하거나 메서드를 정희 하는데 유용함 생성자 함수를 호출한 결과 즉 새로 생성한 객체를 인스턴스 라고 함※ 생성자 함수는 자바스크립트에서 객체를 효율적으로 생성하고 관리하는 중요한 도구임 동일한 구조의 객체 쉽게 생성 코드의 재사용성 높아짐 반복되는 코드 작성 감.. 공감수 2 댓글수 1 2024. 11. 18.
03. 자바스크립트 [객체,배열] 1 객체 Object(비 원시 타입 자료형 ) 객체는 한 번에 여러 개의 데이터값을 저장할 수 있는 자료형이다ex) person => 이름 , 나이, 전화번호, 거주지 등을 저장할 수 있음즉, 객체는 서로 연관된 여러가지 정보들을 하나로 모아 놓은 것이라 볼 수 있음자바스크립트에서 객체를 생성하는 방법엔 1. 생성자 함수 2. 리터럴 - 객체를 {} 중괄호로 나타낼수 있음 객체의 프로퍼티 (객체의 속성) = >객체의 중괄호 내부에 들어갈 데이터로 key : value 쌍으로 이루어진 데이터객체의 값을 꺼내 사용하는 방법 1. 점표 기법2. 괄호표기법※ const 키워드로 선언하더라도 객체는 왜 프로퍼티 값을 수정할 수 있을까?객체 프로퍼티 값을 수정하는 것과 이 cat 이라는 객체 자체를 수정하는 것은.. 공감수 0 댓글수 0 2024. 11. 18.
02.자바스크립트[조건문,함수,Scope,호이스팅,함수 표현식과 화살표 함수 ] 1. 조건문특정 조건에 따라 코드를 실행하거나, 실행하지 않을 때 사용하는 구문if( 조건) {실행될 코드}서로 다른 코드를 실행해야 할 때 if / else if switch case1. let 변수 = ' '2. switch(특정변수, 조건식 ) {3. case = 일치하는 것을 찾음 break ;4. 실행될 코드를 작성 default;}break 작성하지 않으면 이 모든 케이스들이 모두 실행됨 (무한반복 방지)case와 일치하지 않을 경우 default에 값을 보여줌 ( 가장 아래에 작성해야 함)2. 함수동일한 기능을 하는 코드를 묶어 하나의 명령으로 처리할 수 있게 도와주는 문법 깔끔하고 가독성 좋은 코드를 만들 수 있음 return 문을 사용했을 때 Early return patter.. 공감수 1 댓글수 1 2024. 11. 18.
01.자바스크립트[변수,상수,자료형,형 변환,연산자] 1.변수=이름을 가진 저.장소 규칙 1. 변수명 = $ 기호와 _ 기호를 제외한 다른 기호는 사용할 수 없다 2. 변수명= 맨 앞에는 숫자를 사용할 수 없다 3. 변수명= 예약어를 사용할 수 없다. ※ 할당 뜻 = 변수의 특정 값을 저장하는 것을 우리는 변수의 값을 대입 또는 할당 이라고 한다. 변수의 새로운 값을 할당하는 것을 변수 값의 재 할당 이라고 함 2 상수 변하지 않는 값을 저장하는 저장소 .어떠한 값이 변경될수 없다고 확실 할때 변수의 값이 변경되는 것을 방지 함기억하기 어려운 값을 저장해두는 별ex) 생일,이름,이메일,홈페이지,ex ) const3.자료형 원시 타입 = 숫자, Bigint , 문자, boolean , null , undefined , symbol 비원시 타입 = 객.. 공감수 2 댓글수 0 2024. 11. 16.
Array 배열 배열은 1개의 변수에 여러개의 값을 순차적으로 저장할때 사용한다 자바스크립트의 배열은 객체이며 , 유용한 내장 메소드를 포함하고 있다배열은 Array 생성자로 생성된 Array 타입의 객체이며 , 프로토 타입 객체는 Array.prototype이다 1.1 배열 리터럴 ( 리터럴 뜻 = 데이터 그 자체를 뜻함 )예를 들어 const a = 1; 에서 a는 상수이고 , 1은 리터럴이다 0개 이상의 값을 쉼표로 구분하여 대괄호 ([])로 묶는다 .첫번째 값은 인덱스 '0' 으로 읽을 수 있다 존재 하지 않는 요소에 접근하면 undefined 를 반환한다 1.2 Array() 생성자함수배열은 일반적으로 배열 리터럴 방식으로 생성하지만 , 배열 리터럴 방식도 결국 내장 함수( 자바스크립트에서 자체적으로 제.. 공감수 0 댓글수 0 2024. 8. 28.
[코딩 자율학습] 제로초의 자바스크립트 입문8일차 p235-286 날아가서 다시작성.. 4.2 DOM 사용하기 선택자 사용하기document.querySelector('선택자'); 여러개의 선택자 사용하기 NodeList 라는 특수한 객체임 id 속성으로 특정 태그 선택하기 / class 속성으로 여러 태그 선택하기 document.querySelector('#');document.querySelectorAll('. 태그안의 태그 선택하기 document.querySelector('선택자 내부 선택자 내부 선택자 ') 태그의 값에 접근하기텍스트와 태그 가져오기 태그.textContent // 태그 내부의 문자열 가져옴내부의 HTML 태그까지 전부 가져오고 싶다면 ?태그.innerHTML // 태그 내부의 HTML 태그를 포함한 문자열을 가져옴 텍스트와 .. 공감수 0 댓글수 0 2024. 8. 13.
[코딩 자율학습] 제로초의 자바스크립트 입문7일차 p209-233 후 .. 진도가 많이 밀려있다 공부해야할 시간도 길어지고 직접 콘솔창에 찍어보면서 공부하고 있다 요번주안에 진도 따라잡는것이 목표 조금더 부지런 해져야겠다 호출 스택과 이벤트 루프 호출 스택은 동기코드를 담당 이벤트 루프는 비동기 코드를 담당한다 동기코드란 = 직렬적 방식 , 앞선 작업이 끝난 후 다음 작업이 시작됨비동기 = 병렬적 방식 , 앞선 작업이 끝나지 않았는 데도 다음 작업이 실행됨 ex ) Web API , setTimeout ,Ajax , 백르라운드와 태스크 큐 1. 백그라운드는 타이머를 처리하고 이벤트 리스너를 저장하는 공간 setTimeout () 과 같은 타이머 함수가 실행되면 백르라운에서 시간을 재다가.. 공감수 1 댓글수 0 2024. 8. 12.
[코딩 자율학습] 제로초의 자바스크립트 입문6일차 p193 -208 비동기와 타이머동기 = 앞선 작업이 완전히 끝난 후 다음작업이 실행됨비동기 = 앞선 작업이 끝나지 않았는데도 다음작업이 실행 됨 , 비동기 대표적인 예는 타이머가 있음setTimeout ()타이머 함수임 지정한 시간 뒤에 코드가 실행됨 특정 작업이후에 추가로 실행되므로 콜백 함수로 볼 수 있음setTimeout(함수 , 밀리초 ); setTimeout ()에 넣은 함수는 동기 코드가 모드 실행된 난뒤 실행됨 setinterval()setInterval(함수 , 밀리초)주기적으로 지정한 함수를 실햄함 clearTimeout() 과 clearInterval()const 아이디 = setTimeout (함수, 밀리초);clearTimeout (아이디);const 아이디 = setInterva.. 공감수 0 댓글수 0 2024. 8. 7.
[코딩 자율학습] 제로초의 자바스크립트 입문5일차 P 179 -191 음.. 어렵다 ..클래스this 이해하기 기본적으로 window 객체를 가리킴 그외 경우에 어떤 값을 가리키는지 알아두어야 함= // window new 를 붙이지 않고 생성자 함수를 호출하면 this.name = name ; 에서 window.name 의 값을 바꾸게 됨 1. 객체 매서드로 this 를 사용하면 this 는 해당 객체를 가르킴 2. 함수의 this 는 bind() 메서드를 사용해 값을 바꿀 수 있습니다.bind() 메서드는 자바스크립트에 내장된 메서드로 this 를 수정하는 역할을 함하지만 화살표 함수는 bind() 를 해도 this 를 바꿀 수 없음 window 객체 그대로 나옴 따라서 this 가 외부 요인 때문에 바뀌는 것을 원하지 않는 다면 함수 선언문 대신.. 공감수 0 댓글수 0 2024. 8. 5.
[코딩 자율학습] 제로초의 자바스크립트 입문4일차 p108-178 4일차.. 오늘은 양이 좀 많다?? 그래도 해야지 반복문 프로그램을 어떻게 만들어야 하는가 프로그램 사고력은 어떻게 길러야 하는가 while (조건식)실행문 for 문으로 반복해서 출력하기 for 1.시작 ; 2. 조건식 ; 4 .종료식 3 .실행문 순서 = 1. 시작 2 조건식 3 실행문 4 종료식 중첩 반복문 사용하기 객체 자료형의 일종인 객체 ( object ) 는 다양한 값을 모아 둔 또 다른 값객체의 종류는 크게 배열 (array) 함수/ function / 배열이나 함수가 아닌 객체 로 나눌수 있다배열 ex ) 자릿수를 인덱스 index라고 한다 이때 인덱스는 0부터 시작한다 - 배열의 요소 개수 구하기 -퀴즈 arr라는 배열이 있을 때 , 배열의 마지막에서 세번.. 공감수 0 댓글수 0 2024. 8. 5.
[코딩 자율학습] 제로초의 자바스크립트 입문3일차 p 80-107 변수 ( variable ) 변수를 만드는 행위는 '선언'( declaration ) 이다 대입 ( 할당이라고도 함 ) 연산자 let 변수명 = 식; 변수명과 값은 메모리에 저장된다 값을 선언하고 초기화 됬다 변수명 짓기 -변수명은 변수의 값이 무엇인지 알려주는 역할을 하기 때문에 자세하게 짓기 권장 특수문자는 $ 와 _ 만 사용 가능하고 숫자로 시작해서는 안됨 또한 예약어 reserved word 는 자바스크립트 내부에서 사용중인 단어라 사용금지 변수의 값 수정하기 변수는 변하는 숫자를 의마하지만 실제로는 숫자 자료형 이에도 다양한 자료형의 값을 저장함- let이 없을때는 코드 자체 식이라서 대입한 값이 결과로 출력되지만 let 이 앞에 붙는 순간 선언문이 된다 여기서 문.. 공감수 0 댓글수 0 2024. 8. 1.
[코딩 자율학습] 제로초의 자바스크립트 입문2일차 P45 ~ 792장 기본 문법 배우기2.1 코드 작성 규칙 2.2 자료형세미콜론 = 코드작성때 끝맺음으로 하는것을 권장 주석 = Ctrl + / 또는 /**/ 사람들끼리 소통하거나 설명을 작성할때 사용 들여 쓰기 = 코드의 가독성을 위해 사용 Ctrl + a 누르고 k 누르고 f 누르면 자동으로 정리됨 ^^ 값 ( value ) 프로그램이 조작할 수 있는 데이터 1 문자열 (string) "",'' , 백티 (back tee) 기호는 `` 줄바꿈이 됨 \n 줄바꿈 가능함 문자열 합치기 shift + enter 누르면 실행안되고 줄바꿈 할수 있음 5e4 = 50000NaN = "number " ( Not a Number ) 감을 믿지 말고 꼭꼭 확인해볼것 형변환 type cas.. 공감수 0 댓글수 0 2024. 7. 30.
[코딩 자율학습] 제로초의 자바스크립트 입문1일차 p431장 Hello, JavaScript!1.1 자바스크립트를 시작하기 전에1.2 프로그래밍 사고력 기르기 도움이 될만한 공식문서 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info https://developer.mozilla.org/ko/ MDN Web DocsThe MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.developer.mozilla.org 문법은 익혔는데 그것으로 프로그래밍을 못한다 = 지금의 나 .. 프로그.. 공감수 1 댓글수 0 2024. 7. 30.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.