컴퓨터공방

자바스크립트 객체를 JSON으로 변환후 로컬스토리지에 올리기 "JSON은 문자열이다" 라는 사실을 잘 기억하자 로컬스토리지에서 가져온 JSON을 객체로 변환후 console.log 해보기

[JavaScript] 구글맵 사용법 및 간단 예제 Javascript로 구글 맵 API 를 불러오고 간단하게 활용하는 방법을 정리해봤습니다. API 사용설정, 구글맵 띄우기, 마커 표시, 지도 중심 변경 순서로 포스팅을 작성했습니다. 1. API 사용설정 Javascript에 popcorn16.tistory.com 헬로알파카님 블로그 참고하여 연습하였습니다. 구글 클라우드 플랫폼에서 구글맵 API키를 받아야 합니다. Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요. accounts.google.com 구글 클라우드 플랫폼 -> 프로젝트 생성 -> maps javascript api 찾기 -> 사용자 인증 ..

싱글 페이지 애플리케이션(Single Page Application, SPA) 싱글 페이지 애플리케이션은 서버로 부터 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말합니다. 위에서 있던 클라이언트 사이드의 개념과 비슷한말 인것 같다. [IT정보] 싱글 페이지 애플리케이션(Single Page Application, SPA) 개념 싱글 페이지 애플리케이션(Single Page Application, SPA) 싱글 페이지 애플리케이션(Single Page ... blog.naver.com 모든 정적 리소스를 최초에 한번만 다운로드한다. 이후 새로운 페이지 요청 시, 페이지 갱신에 필요한 데이터만을 전달받아 페이지를 갱신하므로 전체적..

DOM의 개념 (Document Object Model) "XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스" 클라이언트 사이드에서 사용하는 API를 말한다. http://tcpschool.com/javascript/js_dom_concept 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 랜더링 (rendering) "랜더링이란 HTML,CSS,JavaScript 등 개발자가 작성한 문서를 브라우저에서 그래픽 형태로 출력하는 과정을 말한다." 랜더링 과정 DOM -> Render Tree 생성 -> Layout -> paint 랜더링 최적화 액션이나 이벤트에 따라 html 요소의 크기나 위치등이 변경할 경우..

https://www.toptal.com/developers/sorting-algorithms Sorting Algorithms Animations Animation, code, analysis, and discussion of 8 sorting algorithms on 4 initial conditions. www.toptal.com

어떤 값도 할당되지 않아서 자료형을 알 수 없는 경우 var var1; //undefined (어떤 값도 할당되지 않아서 자료형을 알 수 없음) var var2 = null; //null (null로 (값이) 할당되어서 자료형을 알 수 있음 - null의 자료형은 object다.) 1 == '1' //true 1 === '1' //false // === 형태가 다르다는 의미이다. undefined == null //true undefined === null //false function test(){ var a console.log(a) } test() //undefined 아래 블로그 참조 Javascript의 undefined는 정확히 무슨 뜻일까? (null vs undefined) Undefine..

https://www.npmjs.com/package/prompt-sync prompt-sync a synchronous prompt for node.js www.npmjs.com 사용자 입력받기 코드 복사후 터미널에 붙여넣기하고 엔터 https://hianna.tistory.com/454 [Javascript] 난수 생성하기 (랜덤 숫자, Random Number) Javascript로 난수를 생성하는 방법을 소개합니다. Math.random() 범위를 지정한 난수 생성하기 0~9 0~10 0~99 0~100 1~10 2~5 난수 생성 함수 만들기 (범위 지정) min

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator 삼항 조건 연산자 - JavaScript | MDN 조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 맨 앞에 조건문 들어가고. 그 뒤로 물음표(?)와 조건이 참truthy이라면 실행할 식이 물음표 뒤로 들어 developer.mozilla.org *if문 예제 let a = 123; if(a === 123){ console.log("a의 값은 123입니다."); } //---------------------------------------------------------- let b = ..

호이스팅 코드가 실행되기 전에 자바스크립트 엔진이 선언해둔 변수를 미리 조사해서 메모리에 저장 함수가 실행되기전에 안에있는 변수들을 범위의 최상단에 올리는것 console.log(a) var a = 1 console.log(a) 호이스팅시 변수의 선언과 초기화(undefined으로) 같이 시켜버림 console.log(a) a = 1 var a console.log(a) 둘다 undefined 1 출력 전역변수와 지역변수의 차이가 불분명함 for(var i = 1; i

1ft에 3.5달러인 철근이 있는데 이걸로 창문을 만드는데 이 창문의 총 필요한 길이가 300cm*200cm 일때 철근 구매가격은 몇달러인가? //1ft에 3.5달러 //단윈변환 1feet -> 30.48cm //단윈변환 200feet -> 200*30.48cm //가로*세로 const length = (200*30.48)*(300*30.48) const dollar = (length/30.48)*3.5 console.log(dollar)