https://devken65.github.io/현의 개발일기A minimal, responsive and feature-rich Jekyll theme for technical writing. 2026-01-19T22:29:36+09:00 devken65 https://devken65.github.io/ Jekyll © 2026 devken65 /assets/img/favicons/favicon.ico /assets/img/favicons/favicon-96x96.png 스프레드 구문 / React / NodeJS2026-01-19T00:00:00+09:00 2026-01-19T00:00:00+09:00 https://devken65.github.io/posts/22/ devken65 🔴 스프레드 구문 ( 여기서부터 진도 ) 배열이나 객체에 이용할 수 있는 표기법 … 이 기본 구문이며, 의미는 배열의 요소를 하나하나 풀어놓을 수 있다. ```javascript const a = [1, 2, 3]; const b = […a, 4, 5]; console.log(b); // [1,2,3,4,5] 배열 b는 배열 a의 배열 요소들을 포함하였다. 이는, 객체에서도 가능하다. ```javascript const user = { name: "철수", age: 20}; const newUser = { ...user, job: "학생"}; console.log(newUser); // { name: "철수", age: 20, job: "학생" } 🟠 복사 복사 또한 가능하다. ... React / 모던 JS2026-01-16T00:00:00+09:00 2026-01-16T00:00:00+09:00 https://devken65.github.io/posts/JQuery/ devken65 🔴 React ajax 메소드 형식을 맞춰 보내야 정상작동함 🟠 모던 자바스크립트란? Vanila JS는 순수 자바스크립트 자체를 말한다. 그렇다면, 모던 JS라면 무엇인가 정확히는 어느 부분을 기점으로 분기된 자바스크립트 라고 이해했는데, 그 기점은 다음과 같다. ES6(2015) 이후에 추가된 문법과 기능을 포함한 자바스크립트 ES가 뭐지? ES는 ECMAScript 의 약자이다. JS는 95년도 Netscape 라는 웹페이지에 동적인 요소를 구현하기 위해 발명되었는데, 이후 다른 웹 브라우저들까지 이를 탑재하며 JS가 공통되게 잘 작동할 표준 규격의 필요성이 커지게 된다. ECMA 국제 기구에서는 ECMAScript standard 라는 스크립트 표준을 만들게 된다. ES에는 엄격 모드나... JQuery Form Element / AJAX / (보강)CSS2026-01-15T00:00:00+09:00 2026-01-15T00:00:00+09:00 https://devken65.github.io/posts/JQuery-Form-Element/ devken65 🔴 Form Element 메소드 옵션 설명 .val() 선택한 요소의 값을 가져오거나, 새로운 값을 적용 .prop() 선택한 요소의 상태 속성 값을 가져온다 .attr() attribute, 요소의 속성값을 가져오거나 새로운 값으로 지정. .val()은 양식(form)의 내용물을 가져오거나 값을 설정하는 메소드이다. <input id="myname" type="text" value="홍길동"> $("input").val(); // "홍길동" (가져오기) $("input").val("김철수")... JQuery 셀렉팅 심화 / 이벤트2026-01-14T00:00:00+09:00 2026-01-14T00:00:00+09:00 https://devken65.github.io/posts/JQuery-%EC%85%80%EB%A0%89%ED%8C%85-%EC%8B%AC%ED%99%94,-%EC%9D%B4%EB%B2%A4%ED%8A%B8/ devken65 🔴 이벤트란? 전체적으로 프로그래밍 세계에서 이벤트는, 사용자가 웹사이트 내에서 키보드 및 마우스로 행하는 모든 행위를 말한다. 페이지 : 97 ~ 148페이지 🟠 셀렉팅 심화 ( DOM Traversing ) 기본적으로 현재 선택한 요소를 기준으로, 주변 요소를 찾아가는 것이라고 이해하자. <html> <head> <!--JQuery 셋팅--> <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script> $(document).ready(function(){ /... JQuery 기초2026-01-13T00:00:00+09:00 2026-01-13T00:00:00+09:00 https://devken65.github.io/posts/JQuery-%EA%B8%B0%EC%B4%88/ devken65 🔴 JQuery, 왜 쓰나? JQuery는 Node(Element)를 간편하게 컨트롤 하기 위한 라이브러리이다. Element는 html의 element를 말함. ( h1이나 span 같은 요소들 ) 🟠 Selector JQuery의 Selector는 CSS와 동일한 방식으로 사용한다. 🟠 Dom Traversing 동적 프로토타입 기반 객체 지향 언어 클래스가 아닌 프로토타입을 상속하는 프로토타입 기반 객체 지향 언어 객체를 생성한 후에도 프로퍼티와 메소드를 동적으로 추가하거나 삭제할 수 있음 🟡 WWW 1991년 CERN(유럽의 입자물리학연구소) 연구원들이 WWW 서비스 개발 Modern Major Browsers (크롬의 성장이 두드러진다)