타코딩

1 ----주소검색 api ------- https://postcode.map.daum.net/guide 다음 주소검색 api 키값별도로 필요없음 무료로 사용가능 2 Scope Jascript:ES6(ECMA Script 6) ECMA ?1995년에 자바스크립트를 만들어졌을때 넷스케이프에서 만들어졌지만 다른회사랑 표준규약을 맞추기위해 정의를 함 1)Basic(문법) - let,const function,class,iterator,... 2)Advance(내부구현) - Scope,Hoisting,Closer,Prototype.. *Scope란 ? -식별자(변수,함수,클래스 등)의 유효한 범위,영역 -변수를 참조할 수 있는 유효한 범위, 영역 -스코프정의 - {} (블럭) 정의 단위로 정의됨 -블럭 : 블럭..

iterat iterator protocol, iterable protocol 포함하여 생성된 내장객체는 순환참조가 가능하다. spread연산자, for..of 사용 할 수 있다. msdn api에서 prototype을 확인함 const strArray = ["바나나", "오렌지", "복숭아"]; for (str of strArray) { console.log(str); } const charArray = "hello,javascript"; for (char of charArray) { console.log(char); } 문자열이 iterable protocol 이 적용되어 구현 할 수 있게됨 const tmap = new Map(); tmap.set(0, "test1"); tmap.set(1, "te..

Time Until Christmas Eve setInterval(() => { const now = new Date().getTime(); const mas = new Date(`2023-12-25,00:00:00`).getTime(); const leftTime = (mas - now) / 1000; const seconds = Math.floor(leftTime % 60); const minute = Math.floor(leftTime / 60) % 60; const hour = Math.floor(leftTime / (60 * 60)) % 24; const days = Math.floor(leftTime / (60 * 60 * 24)); document.querySelector( "h2" ).in..

Random Number Game Generate a number between 0 and guess the number: play! document.querySelector(".main-form").addEventListener("submit", (e) => { e.preventDefault(); let maxRange = document.querySelector(".set-input").value; let userChose = document.querySelector(".user-input").value; let ranNum = Math.floor(Math.random() * maxRange) + 1; let result = userChose == ranNum ? "You WIn" : "You Los..

cannot be invoked without 'new' import { Button } from "react-bootstrap"; 부트스트랩 자동 import 값 from 이후 "react-bootstrap"; 여야하는데 "bootstrap"; 으로 자동완성됨

프로미스 https://camo.githubusercontent.com/7086407309f5a13cfef6fec86c67b6aea9c38ab213ba2e504fc7f67e365e8809/68747470733a2f2f696d67312e6461756d63646e2e6e65742f7468756d622f523132383078302f3f73636f64653d6d746973746f72793226666e616d653d687474707325334125324625324674312e6461756d63646e2e6e65742532466366696c65253246746973746f7279253246393939444233343835433332313445313232 https://new93helloworld.tistory.co..

자바스크립트의 destrcucturing 문법으로 생각하면 된다. 변수 문법이 있는데 왜 STATE문법을 쓸까 state안의 제목이 바꼈을때 state같은 경우는 자동으로 html안의 내용이 자동 재랜더링이됨. 고로 모든 내용을 다 state로 쓸필요 없다, 자주 변경 될 것 같은 내용을 state로 만들면 용이하다 a 는 usesstate안에 있는 값을 의미하고 state변경은 b를 써서한다

spread syntax - 배열의 결합 const veggie = ["tomato", "cucumber", "beans"]; const meat = ["pork", "beef", "chicken"]; const menu = [...veggie, "pasta", ...meat]; //"tomato", "cucumber", "beans","pasta","pork", "beef", "chicken" console.log(menu); 배열의 복사 - 기존 배열의 참조 const veggie = ["tomato", "cucumber", "beans"]; const newVeggie = veggie; veggie.push("peas"); console.log(veggie); console.log(newVeggie..

json 파일을 fetch로 연동해서 실시간으로 연동이 가능하고 코드길이를 줄일 수 있다 json 파일 정렬 const kobis = { boxOfficeResult: { boxofficeType: "일별 박스오피스", //kobis.boxOfficeResult.boxofficeType showRange: "20230906~20230906", //kobis.boxOfficeResult.showRange dailyBoxOfficeList: [ { rnum: "1", rank: "1", //kobis.boxOfficeResult.dailyBoxOfficeList[i].rank rankInten: "25", rankOldAndNew: "OLD", movieCd: "20224667", movieNm: "잠", ..

firebase vsc랑 node js 다운로드 터미널에npm install -g firebase-tools@9.23.1 입력 터미널에 firebase login firebase.ps1 파일을 로드할 수 없습니다.오류 PowerShell을 관리자 권한으로 실행시키고, Set-ExecutionPolicy RemoteSigned 명령어를 실행 firebase init storeage hosting firestore DB setting 완료 후 스크립트 파일만 남겨두고 다 지우기 호스팅에서 나온 코드로 스크립트 하나 더 만들어서 총 5개 터미널 firebase serve 명령어로 미리보기가능