일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- JS form action
- JS 연산
- js 변수
- JS null undefined
- JS 스코프
- JS 삼항연산
- JS setTimeout
- JS prompt
- JS typeof연산자
- JS 데이터타입
- JS clearInterval
- JS preventDefault
- JS 형변환
- JS localStorage
- git 협업셋팅
- CSS기초
- JS 화살표함수
- JS 타이머기능
- CSS속성정리
- JS form
- JS append
- HTML기초
- JS value속성
- JS 숫자
- JS classList
- JS redirection
- JS appendChild
- JS 함수
- JS setInterval
- JS 기초
목록📚강의록📚 (128)
공부기록용
https://nomadcoders.co/javascript-for-beginners/lobby 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co 🔴navigator.geolocation.getCurrentPosition(success, error, [options]) Geolocation.getCurrentPosition() 메서드는 장치의 현재 위치를 가져온다.(Geolocation API 메소드) navigator.geolocation.getCurrentPosition(success, error, [options]) 매개변수 success : GeolocationPosition 객체를 유일한 매개변수로 받는 ..
https://nomadcoders.co/javascript-for-beginners/lobby 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co todo생성을 위한 뼈대 작성 (입력과 값을 저장) 00:00:00 // todo.js const toDoForm = document.getElementById('todo-form'); const toDoInput = toDoForm.querySelector("input"); // id가 todo-form을 가진 요소를 toDoForm 변수로 지정했고, 그 중에서 를 선택하자 const toDoList = document.getElementById('todo-list')..
JSON(JavaScript Object Notation) 자바스크립트 객체 문법에 토대를 둔, 문자 기반의 데이터 교환 형식 일반적인 JSON 구조는 자바스크립트 객체 리터럴 작성법을 따른다. 자바스크립트의 원시 자료형인 문자열, 숫자, 불리언을 가질 수 있고 중첩된 계층 구조 또한 가질 수 있다. 📌비슷한 것 뿐, 작은 따옴포(’’)가 아닌 끝 따옴표(””)만이 허용된다 { "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretBase": "Super tower", "active": true, "members": [ { "name": "Molecule Man", "age": 29, "secretIdentity..
🔴REST API(REpresentational State Transfer) 🔴Path Variable vs Query Parameter REST API(REpresentational State Transfer) 어떤 자원에 대해 CRUD를 진행할 수 있게 HTTP Method(GET, POST, PUT, DELETE)를 사용하여 요청을 보내는 것. 이 때, 요청을 위한 자원은 특정한 형태로 표현된다. 자원(Resource) : URI 행위(Verb) : HTTP Method 표현(Representations) 💫규칙 http://example.com/posts (O) http://example.com/posts/ (X) http://example.com/post (X) http://example.com..
🔴비동기 프로그래밍 🔴Promise 객체 비동기 프로그래밍 동기(synchronous)적 방식이란 현재 실행중인 코드가 끝나야 다음 코드를 실행하는 방식(앞선 코드가 끝나야만 그 다음 코드가 수행) 비동기(asynchronous)적 방식이란 실행 중인 코드의 완료 여부와 무관하게 즉시 다음 코드로 넘어가는 방식 1. setTimeout, addEventListner 등 2. 별도의 요청, 실행 대기, 보류 등과 관련된 코드는 모두 비동기적 코드 3. 대표적으로 서버 통신과 관련된 로직들 포함 콜백지옥 콜백 함수를 익명 함수로 전달하는 과정이 반복되어 코드의 들여쓰기 수준이 헬 수준인 경우 주로 이벤트 처리 및 서버 통신과 같은 비동기적 작업을 수행할 때 발생 뭐가문제? 가독성, 수정도 어려움 이를 해결하..
🔴Dynamic Route 🔴useParams Dynamic Route Dynamic Route란, 동적 라우팅이라고도 말하는데 path에 유동적인 값을 넣어서 특정 페이지로 이동하게끔 구현하는 방법 📌예를 들어, works 페이지에 여러개의 work가 보이고 우리가 work마다 독립적인 페이지를 가지도록 구현하려면 어떻게 할까 우선 /works 만들기 // works.jsx import React from 'react' const data = [ { id: 1, todo: "노드 배우기" }, { id: 2, todo: "리엑트 배우기" }, { id: 3, todo: "넥스트js 배우기" }, ] function Works() { return ( 할일목록 {data.map(function(item){..