hanker

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법4. JavaScript 제어문5. JavaScript 함수6. JavaScript에서 객체와 배열은 무엇일까? JavaScript에서 객체와 배열은 데이터를 구조화하여 저장하고 관리하는 데 매우 중요한 역할을 한다. 이번 글에서는 객체와 배열의 기본 개념, 생성 및 사용법, 그리고 내장 메서드에 대해 살펴보자! 1. 객체(Object) 객체란?객체는 키-값 쌍(Key-Value Pair)으로 데이터를 저장하는 데이터 구조입니다. 각각의 키는 고유하며, 이를 통해 값을 참조할 수 있다. let person = { name: "Hanker", age: 32, isDeveloper: true..

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법4. JavaScript 제어문5. JavaScript 함수6. JavaScript에서 객체와 배열은 무엇일까?  JavaScript에서 함수는 재사용 가능한 코드 블록으로, 특정 작업을 수행하기 위해 작성된다.함수는 프로그램을 구조화하고 코드의 반복을 줄이는 데 매우 유용하다. 이번 글에서는 함수의 선언과 호출, 매개변수와 반환값, 그리고 다양한 함수 형태를 살펴보자! 1. 함수 선언과 호출 함수 선언JavaScript에서 함수는 function 키워드를 사용해 선언한다.function say() { console.log("Hello, Hanker!");}  함수 호출정의한 함수를 호출하려면 함수..

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법4. JavaScript 제어문 이전 글에서는 JavaScript의 기본 문법에 대해서 알아보았는데, 이번 글에서는 프로그램의 흐름을 제어하는 제어문에 대해서 알아보자.https://hanke-r.tistory.com/entry/JavaScript-JavaScript%EC%9D%98-%EA%B8%B0%EB%B3%B8-%EB%AC%B8%EB%B2%95 JavaScript - JavaScript의 기본 문법1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법 https://hanke-r.tistory.com/entry/JavaScript-JavaScript..

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법 https://hanke-r.tistory.com/entry/JavaScript-JavaScript-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 JavaScript - JavaScript 시작하기https://hanke-r.tistory.com/entry/JavaScript-JavaScript%EA%B0%80-%EB%AD%98%EA%B9%8C JavaScript - JavaScript가 뭘까?JavaScript는 웹 개발에서 가장 중요한 프로그래밍 언어 중 하나이다.웹 페이지를 더욱 동적으로 만들고,hanke-r.tistory.com  이전글에 이어서이번 글에서는 3. JavaSc..

https://hanke-r.tistory.com/entry/JavaScript-JavaScript%EA%B0%80-%EB%AD%98%EA%B9%8C JavaScript - JavaScript가 뭘까?JavaScript는 웹 개발에서 가장 중요한 프로그래밍 언어 중 하나이다.웹 페이지를 더욱 동적으로 만들고, 사용자와의 상호작용을 가능하게 하며, 서버와의 통신에도 사용된다. 이번 글에서는 JavaSchanke-r.tistory.com 이전글에 이어서 JavaScript를 실행시키는 방법에 대해서 알아보자. 1. JavaScript가 뭘까?2. JavaScript를 시작하기  JavaScript 코드를 실행하는 환경 JavaScript는 기본적으로 웹 브라우저에서 실행된다.브라우저가 설치되어 있다면 별도의..

JavaScript는 웹 개발에서 가장 중요한 프로그래밍 언어 중 하나이다.웹 페이지를 더욱 동적으로 만들고, 사용자와의 상호작용을 가능하게 하며, 서버와의 통신에도 사용된다. 이번 글에서는 JavaScript의 정의와 역할, 그리고 HTML 및 CSS와의 관계에 대해서 알아보자! JavaScript의 정의와 역할 JavaScript는 웹 브라우저에서 실행되는 스크립팅 언어이다.HTML과 CSS가 웹 페이지의 구조와 디자인을 담당한다면, 생명력을 불어넣는(?) 역할을 담당한다.간단히 말해, JavaScript는 정적인 웹 페이지를 동적인 웹 애플리케이션으로 변환합니다. 예:- 사용자가 버튼을 클릭하면 색상이 바뀌는 기능- 검색창에 입력할 때 자동완성 기능- 웹 페이지에서 실시간으로 데이터를 가져오는 기능..

화살표 함수(Arrow Function)는 ES6에서 도입된 새로운 함수 정의 방식으로, 기존의 함수 표현식을 간결하게 작성할 수 있는 문법이다. 화살표 함수 표현식에 대해서 알아보자 1. 간결함 화살표 함수 표현식const sum = (a, b) => a + b; console.log(sum(1, 5))위 코드를 보면 sum은 두 매개변수를 받아 그 합을 반환하는 함수이다. => (화살표) 를 사용하여 함수를 정의하고, {} (중괄호)와 return 키워드를 생략할 수 있으며, 표현식이 한 줄인 경우 결과가 자동으로 반환된다. 기존 함수 표현식const sum = function(a, b) { return a + b; }; console.log(sum(1, 5))확실히 화살표 함수를 사용하게 되면 간결..

JavaScript에서 변수를 선언할 때 사용하는 키워드인 var, let, const 에 대해서 알아보자. 이들은 각각 다른 특성을 가지고 있으며, 코드의 동작에 영향을 미친다. var var 는 ES6(ECMAScript 2015) 이전에 자바스크립트에서 변수를 선언하는 유일한 방법이다. 코드의 자유도가 높다. 특징1. 함수 스코프(Function Scope) : var 로 선언된 변수는 함수 내부에서만 유효하며, 블록({})의 스코프를 가지지 않는다. 예시즉, 블록의 스코프를 가지지 않는다라는 말은 블록 내부에서 선언되더라도 함수 전체에서 접근이 가능하다.이는 의도하지 않은 변수 값의 변경이 발생할 수 있어 유지보수가 어렵게 된다. 2. 호이스팅(Hoisting): var로 선언한 변수는 선..

지난 글(template)에 이어서 이번 글에서는 kendo Grid 페이징 처리에 대해서 알아보자. https://hanke-r.tistory.com/215 Kendo - KendoGrid (Jquery) 그리드(테이블) 이벤트 처리 - template (3)https://hanke-r.tistory.com/210 Kendo - KendoGrid (Jquery) 그리드(테이블) CSS 수정 UI (2)https://hanke-r.tistory.com/208 Kendo - KendoGrid (Jquery) 그리드(테이블) 생성 UI (1)DB에 있는 정보를 가져와서 화면에 보여줘야 될hanke-r.tistory.com2줄만 추가하면 깔끔하게 페이징 처리가 된다. var dataSource = new ke..

https://hanke-r.tistory.com/210 Kendo - KendoGrid (Jquery) 그리드(테이블) CSS 수정 UI (2)https://hanke-r.tistory.com/208 Kendo - KendoGrid (Jquery) 그리드(테이블) 생성 UI (1)DB에 있는 정보를 가져와서 화면에 보여줘야 될 경우에 HTML에서는 Table 태그를 쓴다.좀더 많은 기능을 간편하게 쓰기위해 Dahanke-r.tistory.com 이전 글에 이어서 이번에는 이벤트 처리를 해보자. 이전 구조에서 추가되는 구조인데, 해당 부분에 template이라는 옵션을 사용해서 특정 열에 이벤트 처리할 예정이다. template 사용 예를 몇 개 보고 작업을 해보자.$("#grid").kendoGrid(..