목록javascript (8)

console.log("연록")

[JavaScript] value 값으로 내림차순 정렬 후 특정 key값 맨 뒤로 보내기

오늘의 예시 데이터 var data = [ { "district": "부전제1동", "population": 15552 }, { "district": "부전제2동", "population": 9947 }, { "district": "연지동", "population": 20842 }, { "district": "초읍동", "population": 22431 }, { "district": "양정제1동", "population": 20540 }, { "district": "양정제2동", "population": 12976 }, { "district": "전포제1동", "population": 20927 }, { "district": "전포제2동", "population": 21101 }, { "district..
hone in on/JavaScript 2022. 2. 7. 23:00
[JavaScript] 같은 Key를 가진 두 배열 병합하기

오늘 할 일은 두 배열을 병합하는 것 자 우선 두 개의 데이터 준비 물론 전에 썼던 부산진구 인구 데이터를 사용 //데이터 1 var totPop = [ { "district": "부전제1동", "population": 15552 }, { "district": "부전제2동", "population": 9947 }, { "district": "연지동", "population": 20842 }, { "district": "초읍동", "population": 22431 }, { "district": "양정제1동", "population": 20540 }, { "district": "양정제2동", "population": 12976 }, { "district": "전포제1동", "population": 2092..
hone in on/JavaScript 2022. 1. 26. 23:10
[JavaScript] JSON key값 변경하기

저번에 사용했던 그 데이터를 사용하자 새로 찾기 조금 귀찮으니까~ //초기 데이터 var data = [ { "district": "부전제1동", "population": 15552 }, { "district": "부전제2동", "population": 9947 }, { "district": "연지동", "population": 20842 }, { "district": "초읍동", "population": 22431 }, { "district": "양정제1동", "population": 20540 }, { "district": "양정제2동", "population": 12976 }, { "district": "전포제1동", "population": 20927 }, { "district": "전포제2동",..
hone in on/JavaScript 2022. 1. 25. 23:47
[JavaScript] JSON value 값으로 오름차순 정렬, 내림차순 정렬

부산진구 인구 데이터를 인구수 기준으로 정렬하기 → population(key)의 value값을 기준으로 정렬 //초기 데이터 var data = [ { "district": "부전제1동", "population": 15552 }, { "district": "부전제2동", "population": 9947 }, { "district": "연지동", "population": 20842 }, { "district": "초읍동", "population": 22431 }, { "district": "양정제1동", "population": 20540 }, { "district": "양정제2동", "population": 12976 }, { "district": "전포제1동", "population": 20927 ..
hone in on/JavaScript 2022. 1. 24. 18:24
[변수] 식별자 네이밍

식별자 어떤 값을 구별해서 식별해낼 수 있는 고유한 이름 식별자 네이밍 규칙 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러 기호($)를 포함할 수 있음 단 식별자는 특수문자를 제외한 문자, 언더스코어(_), 달러 기호($)로 시작해야 함(숫자로 시작하면 안 됨) *예약어는 식별자로 사용할 수 없음 *예약어 프로그래밍 언어에서 사용되고 있거나 사용될 예정인 단어 변수는 쉼표(,)로 구분해 여러 개를 한 번에 선언할 수 있음(가독성이 나빠지므로 권장X) var person, $elem, _name, first_name, val1; ES5부터 식별자 생성에 유니코드 문자 허용 → 한글, 일본어 식별자 사용 가능(알파벳 외의 유니코드 문자는 권장하지 않음) var 이름, なまえ; 자바스크립트는..
bone up/JavaScript 2022. 1. 21. 00:54
[변수] 변수 선언 / 변수 호이스팅 / 값의 할당 / 값의 재할당

변수 선언과 변수 호이스팅 변수 선언은 변수를 생성하는 것 → 값을 저장하기 위한 메모리 공간을 확보하고 확보된 메모리 공간의 주소를 연결해 값을 저장할 수 있게 준비하는 것 → 변수 선언은 2단계에 걸쳐서 수행 선언 단계 : 변수 이름을 등록해 자바스크립트 에진에 변수의 존재 알림 초기화 단계 : 값을 저장하기 위한 메모리 공간을 확보하고 undefined를 할당하여 초기화(undefined는 자바스크립트에서 제공하는 원시 타입의 값) 변수 선언시 사용되는 키워드 → *var, let, const *var의 단점 블록 레벨 스코프를 지원하지 않고 함수 레벨 스코프 지원 → 의도치 않게 전역변수 선언 var score; //변수 선언 console.log(score); //undefined 만약 cons..
bone up/JavaScript 2022. 1. 21. 00:24
[변수] 변수란 무엇일까

컴퓨터는 CPU를 사용해 연산하고 메모리를 사용해 데이터를 기억 메모리 데이터를 저장할 수 있는 메모리셀의 집합체 메모리에 저장되는 모든 값은 2진수로 저장 메모리셀 각각의 고유한 주소를 가짐 한 개의 메모리셀은 1바이트(8비트) 주소를 통해 직접 값에 저장하는 것은 오류가 발생할 수 있음 → JS는 직접 메모리에 제어하는 것을 허용하지 않음 + 코드 실행마다 메모리 주소 변경됨 이런 문제를 해결하기 위해 변수 사용 변수(variable) 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 갑의 위치를 가리키는 상징적인 이름 하나의 값을 저장하기 위한 메카니즘 여러개의 변수를 사용하려면? → 여러개의 변수 사용 → 배열, 객체 사용 var result = ..
bone up/JavaScript 2022. 1. 19. 00:04
자바스크립트 성장의 역사

1. Ajax JS를 이용해 서버와 브라우저가 비동기(asynchronous) 방식으로 데이터를 교환하는 통신 이전의 웹 페이지 로 시작해 로 끝나는 완전한 html 코드를 서버로 부터 전송받아 웨베이지 전체를 렌더링 → 필요없는 부분까지 전부 렌더링해 불필요한 데이터 통신 발생 → 불필요한 데이터 통신 발생 → 성능 불리 → 화면 깜빡임 Ajax 도입 후 변경할 필요 없는 부분은 렌더링 X 필요한 데이터만 받아 변경해야하는 부분 한정 렌더링 2. jQuery DOM(Document Object Model) 더 쉽게 제어 *크로스 브라우징 이슈 해결 직관적 *크로스 브라우징 모든 브라우저에 깨지지 않고 의도한대로 나오게 하는 작업(호환성) 3. V8 자바 스크립트 엔진 더욱 빠르게 작동하는 JS 엔진 과..
bone up/JavaScript 2022. 1. 17. 23:09
이전 Prev 1 Next 다음