728x90 Programming/Javascript5 [JavaScript] 계층 구조 데이터에서 특정 노드 찾기 [JavaScript] 계층 구조 데이터에서 특정 노드 찾기 계층 구조(Hierarchical Structure)는 요소들이 계층적인 관계를 가지고 구성된 구조를 의미한다. 이 구조에서는 상위 요소와 하위 요소 사이에 부모-자식 관계가 존재하며, 최상위에는 단일한 루트 요소가 있다. 예를 들어, 조직의 조직도는 계층 구조의 한 예이다. 조직도에서 최상위에는 회사 자체가 위치하고, 그 아래에는 부서, 부서 아래에 팀, 팀 아래 개인이 있을 것이다. 이러한 데이터를 관리할 때 특정 노드를 찾는 방법을 자바스크립트로 구현해보고자 한다. 전자제품에는 컴퓨터와 모바일 폰으로 구분되고 모바일 폰은 스마트 폰과 피쳐 폰으로 구분된다. 스마트폰 하위노드로 Android와 IOS가 있으며 새로운 JiurinieOS가 생.. 2023. 6. 9. [JavaScript] 변수 선언 var 대신 let, const를 사용해보자 [JavaScript] 변수 선언 var 대신 let, const를 사용해보자 ES5까지 변수를 선언할 수 있는 방법은 var 키워드를 사용하는 것이었다. 이는 다른 언어와는 다른 특징으로 주의를 기울이지 않으면 심각한 문제를 일으킨다. ES6부터는 let과 const 변수 키워드를 도입하였으며 var 키워드를 대체하여 사용할 수 있다. 각 변수 키워드별 사용방법 및 특징을 알아보고 앞으로는 let과 const를 어떤 상황에서 사용할지 알아보자. var 키워드 var 키워드를 선언하면 재선언과 재할당이 가능하다. 재할당은 문제가 되지 않지만 재선언 시 오류가 발생하지 않는다면 해당 변수명을 중복으로 선언하여 의도하지 않은 실수를 초래할 수 있다. 아래와 같이 var 키워드를 생략하여 사용할 수 있다. 이.. 2022. 10. 31. [JavaScript] 일반 함수(Normal Function) VS 화살표 함수(Arrow Function) [JavaScript] 일반 함수(Normal Function) VS 화살표 함수(Arrow Function) EC6 문법부터 추가된 화살표 함수(Arrow Function)를 이용하여 일반 함수(Normal function)를 대체하여 사용해보고 그 차이는 무엇인지 어느 상황에 맞춰 무엇을 선택하여 사용할지에 대해 알아보자. 일반 함수(Normal Function) 사용방법 JavaScript에서는 아래와 같이 함수를 사용할 수 있다. 함수를 선언하기도 하고 변수에다가 함수를 등호기호(=)로 넣어서 함수를 만들 수 있다. Hello JAVASCRIPT 화살표 함수 (Arrow Function) function 키워드 대신에 => 를 이용하여 아래와 같이 함수를 표현할 수 있다. var ccc = () .. 2022. 10. 25. [JavaScript] Array의 sort(), filter(), map() 사용하기 [JavaScript] Array의 sort(), filter(), map() 사용하기 문자 배열 오름차순 정렬 sort() 함수는 기본적으로 오름차순을 지원한다. var array = ['a', 'c', 'b']; array.sort(); console.log(array); 문자 배열 내림차순 정렬 sort 함수는 오름차순을 기본적으로 사용하기 때문에 내림차순을 하려면 콜백함수를 이용하여 아래와 같이 코드를 변경해야 한다. 이 콜백함수는 배열의 첫번째 값과 두번째.. 세번째 차례로 모든 값과 비교하여 위치를 조정하게 된다. 콜백함수를 사용하기 싫다면 sort() 함수 사용 후 reverse() 함수를 사용하여도 된다. var array = ['a', 'c', 'b']; array.sort(functio.. 2022. 9. 26. [JavaScript] Array와 Object 사용법과 차이 [JavaScript] Array와 Object 사용법과 차이 변수에는 임의의 값을 넣을 수 있는데 만약 변수에 여러개의 값을 넣고 싶다면 Array나 Object를 사용하면 된다. Array나 Object는 변수 하나에 여러가지 자료형 저장 가능하다. Array와 Object의 사용방법에 따라 조금의 차이가 있는데 개발방식에 따라 편한것을 선택하여 사용하면 된다. Array 변수 선언 Array는 대괄호[] 안에 값을 수정하며 각각의 변수의 위치는 인덱스를 이용하여 0번째 부터 N번째까지 값을 가져올 수 있다. Hello JAVASCRIPT Array 변수 값 수정 user1의 Array 첫번째 값을 수정한다. user1[1] = 30; console.log(""); console.log('user1 .. 2022. 9. 21. 이전 1 다음 728x90
