반응형 Web Front27 Chat-GPT 질의응답 모음 Preface 코드를 작성하며 중간중간 GPT에게 물어봤던 자바스크립트 관련 질문을 한 곳에 모아두고자 글을 업로드한다. - var, let, const의 차이점 1) `var`: `var` 키워드는 ES5 이전에 사용되던 변수 선언 방식입니다. `var`로 선언된 변수는 함수 스코프를 갖습니다. 함수 내에서 선언된 `var` 변수는 해당 함수 내에서만 접근할 수 있으며, 함수 외부에서는 접근할 수 없습니다. 또한, `var` 변수는 재선언 및 재할당이 가능합니다. 이러한 특징으로 인해 `var` 변수는 호이스팅(hoisting) 현상이 발생할 수 있습니다. 2) `let`: `let` 키워드는 ES6에서 도입된 블록 스코프를 갖는 변수 선언 방식입니다. `let`으로 선언된 변수는 해당 블록(중괄호 `.. 2023. 7. 8. jQuery Ajax Preface jQuery를 통한 Ajax 사용과 관련된 자세한 내용을 담고 있는 동영상은 없는 것 같아 생활코딩에 있는 글과 Chat-GPT의 내용만을 바탕으로 간단하게 글을 업로드한다. - jQuery의 Ajax API 링크: https://api.jquery.com/jQuery.ajax/ jQuery.ajax() | jQuery API Documentation Description: Perform an asynchronous HTTP (Ajax) request. The $.ajax() function underlies all Ajax requests sent by jQuery. It is often unnecessary to directly call this function, as several h.. 2023. 6. 4. Ajax Preface 어제는 JSP 공부 도중 jQuery에 관한 내용이 나와 jQuery를 간단히 살펴봤었는데, 이번엔 코드에서 jQuery에서 제공하는 Ajax와 관련된 부분이 나왔다. 해당 내용만을 공부할까 하다가 기왕 공부하는거 Ajax의 개념에 대해 확실히 짚고 넘어가는 것이 좋을 것 같다는 생각이 들어 생활코딩의 Ajax 강의를 봤다. 이번 글을 업로드한 후엔 jQuery의 Ajax 강의를 보고 간단히 정리할 생각이다. JSP 공부를 시작하기 전엔 HTML, CSS, JS, Java 관련 지식만 있으면 아무 문제 없이 책을 이해할 수 있을 것이라 생각했지만, 막상 공부를 시작하니 요구되는 사전 지식이 꽤 많다. - Ajax(Asynchronous JavaScript and XML): 웹 애플리케이션에.. 2023. 6. 3. jQuery 찍먹 Preface JSP 공부를 하던 중 jQuery에 대한 지식을 요구하는 부분이 있어 생활코딩에서 제공하는 jQuery 강의를 찾아봤다. 기본적인 사용 방법 부분만을 시청했고, 추후 jQuery를 제대로 사용해야 할 필요성이 느껴지면 그때 공부할 계획이다. - jQuery의 기본 문법 1) $ 대신 jQuery를 입력할 수 있다. 2) 제어대상엔 클래스, ID 선택자 등이 위치한다. 3) 메소드 뒤에 도트 연산자로 여러개의 메소드를 연결할 수 있다. $(제어대상).method1().method2(); - jQuery 사용 방법 1) jquery 사이트의 소스코드를 사용 → https://releases.jquery.com/ jQuery CDN The integrity and crossorigin attr.. 2023. 6. 2. WEB2 - JavaScript Preface JSP 공부를 시작하기 전 자바스크립트의 기본적인 내용을 익히기 위해 생활코딩에 있는 WEB2 강의를 봤다. "HTML + CSS + JS"책을 공부하며 자바스크립트를 잠깐 사용해보긴 했지만, 오래되기도 했고 내용이 너무 부실하다는 느낌이 들어 생활코딩 강의를 선택했다. 기존 계획은 강의를 들으며 작성했던 코드를 업로드하는 것이었지만, VSCode와 연결해둔 Git을 잘못 건드려서 작성한 코드 파일을 모두 날려버렸다. 사용했던 개념들은 변수, 반복문, 배열, 함수, 객체 등이다. JS 공부는 일단 이정도로만 해두고 JSP 공부를 시작할 생각이다. 추후 JS에 대한 더욱 깊은 공부가 필요하다고 생각되면 인프런이나 유튜브, TCP school, W3 Schools 등을 통해 공부하자. 생활코딩.. 2023. 5. 25. [JS] 문서 객체 모델(DOM) Preface 이번 장에선 문서 객체 모델의 정의와 사용법을 공부했다. 자바스크립트의 기본이 되고 가장 중요한 내용이라고 하는데, 생각보다 복잡하고 고민해야 할 부분도 많은 것 같다. 해당 책에 있는 내용만으론 부족한 것 같아 유튜브에서 다른 강의를 조금 더 찾아보려고 한다. 이번 장을 끝으로 해당 책의 내용은 모두 마무리했다. 나름 쉽고 빠르게 웹의 기본적인 내용을 학습한 것 같아 다행이다. 책의 마지막 부분에 웹 페이지 제작하기 프로젝트가 수록되어 있어 이번 글을 업로드한 후 제대로 된 웹 페이지를 만들어 볼 계획이다. 이후엔 생활코딩 사이트에서 깃과 깃허브에 관한 내용을 공부한 후, 개강 전까지 몇몇 사이트를 모방해볼까 한다. → 클론 코딩(clone coding)이라고 한다. 개강 후엔 자바 공부.. 2022. 8. 11. [JS] 자바스크립트와 객체 Preface 이번 장에선 자바스크립트의 내장 객체와 해당 객체들의 프로퍼티와 메서드를 알아봤다. 내용이 많아도 너무 많아서 책을 읽을 때도, 블로그를 쓸 때도 시간이 오래 걸렸다. 웹 쪽을 전문적으로 다룰 생각은 없기 때문에 자바스크립트 역시 모든 내용을 익히고 암기하는 것 보단, 필요한 내용만 그때그때 찾아보는 식으로 사용할 것 같다. 한 가지 궁금한 점은 웹의 특정 요소에 링크를 연결하는 작업처럼 HTML로도 구현할 수 있고, JS로도 구현할 수 있는 작업인 경우엔 어떤 것을 사용하는가에 관한 것이다. HTML과 CSS만으로도 충분한 작업엔 굳이 자바스크립트를 사용할 필요가 없을 것 같은데... 1. 객체 알아보기 - 객체: 프로그램에서 인식할 수 있는 모든 대상 1) 문서 객체 모델(DOM) 2).. 2022. 8. 8. [JS] 함수와 이벤트 (2) Preface 이번 장에선 이벤트란 무엇인지, 이벤트 처리기는 어떻게 사용하는 것인지 알아봤다. 계속해서 DOM을 언급하는 것으로 보아, 뒤쪽의 DOM을 공부한 후 이벤트를 다시 다룰 것 같다. 마무리 문제를 풀 때 딱히 막히는 부분이 없는 것으로 보아 기본적인 문법 구조만 익숙해지면 파이썬처럼 부담 없이 사용할 수 있을 듯하다. 6. 이벤트와 이벤트 처리기 - 이벤트: 웹 브라우저나 사용자가 행하는 어떤 동작 → 웹 문서 영역 안에서 이루어지는 동작만을 말한다. - 마우스 이벤트 종류 설명 click 사용자가 HTML 요소를 클릭할 때 이벤트가 발생한다. dbclick 사용자가 HTML 요소를 더블클릭할 때 이벤트가 발생한다. mousedown 사용자가 요소 위에서 마우스 버튼을 눌렀을 때 이벤트가 발.. 2022. 8. 7. [JS] 함수와 이벤트 (1) Preface 이번 장에선 함수 선언 방법과 let, const를 사용한 변수 선언 방법을 공부했다. 화살표 함수같은 특정 방식을 제외하곤 내가 알고 있던 기존 방식과 비슷해서 딱히 어려운 내용이 없었다. 다만 내용이 너무 많아 두 파트로 나눠서 업로드한다. 1. 함수 알아보기 - 함수: 동작해야 할 목적대로 묶은 명령 - 함수를 선언할 때는 예약어 function을 사용하고, 중괄호 안에 실행할 명령을 넣는다. → 명령이 한 줄이라면 중괄호를 생략할 수 있다. function 함수명() { 명령 } - 함수 호출 방식: 함수명( ) 또는 함수명(변수) - 두 수를 더하는 함수 unction addNumber() { var num1 = 2; var num2 = 3; var sum = num1 + num2.. 2022. 8. 6. [JS] 자바스크립트 기본 문법 Preface 이번 장에선 자바스크립트의 기본 문법을 공부했다. 반복문, 조건문, 연산자 등 대부분의 것들이 다른 프로그래밍 언어의 문법과 비슷해서 한 번 읽어보는 것 만으로 충분히 이해하고 넘어갈 수 있었다. 한 가지 주의깊게 살펴봐야 할 부분은 자바스크립트 코드 안에 HTML 태그를 사용하는 부분인 것 같다. 내가 아직 자바스크립트에 익숙치 않아서 그런지 document.write( ) 함수 안에 태그를 사용하여 코드를 구성하는 것이 어색하고 헷갈린다. 1. 변수 알아보기 - 변수: 프로그램을 실행하는 동안 값이 여러 번 달라질 수 있는 데이터 - 상수: 값을 한 번 지정하면 바뀌지 않는 데이터 - 변수 선언하는 방법: var 예약어 뒤에 변수 이름을 적는다. → var를 한 번만 쓰고 여러 변수를 .. 2022. 8. 4. 이전 1 2 3 다음
