Coding Note

this 접근 유형 call - 첫 번째 오는 변수를 thisfh 지정할 수 있음 apply - 배열로 데이터를 받음 Hoisting(호이스팅) 함수, 변수명을 제일 먼저 읽어 드리는 것 var, let, const 모두 호이스팅 됨 즉, 코드가 실행되기 전에 처리되고 해당 스코프가 상단으로 올라간다. var 정의되기 전에 접근 가능, undefined 값을 가지게 된다. let 변수가 선언될 때까지 일시적으로 TDZ(비활성 구역)에 있게 된다. 선언되기 전에 사용 시 error 발생 TDZ(Temporal Dead Zone) 비활성 구역 let, const => 에러 방지 화살표 함수(=>) ES6에서 나온 함수 화살표 함수_매개변수 0개 빈 괄호 반드시 표기해야 함. // () => {} 1개 () ..

JS JavaScript, 객체 기반의 스크립트 언어 .js - JavaScript 기반 - 비동기 통신(Ajax) - 순서 제어, 시간 제어 등 ex) 실시간 검색어 기능에 사용됨 BOM(Browser Object Model) 브라우저 객체 모델 웹 페이지의 내용을 제외한 브라우저 창에 포함된 모든 객체 요소들을 의미함. DOM(Document Object Model) 문서 객체 구조 클라이언트가 볼 수 있는 화면 단 브라우저들은 사용자가 띄운 웹 문서를 그 구성과 내용에 맞게 객체화하여 각 요소 별로 구조화한다. 즉, html과 javascript의 인터페이스 역할 Bom VS Dom Bom은 브라우저 속성에 속하여 문서가 아닌 윈도우를 제어한다. DOM은 문서, 클라우저에 웹문서에 대한 제어와 변경..

REST란? Q1. REST란? - "Representational State Transfer"의 약자로 해당 자원의 상태, 정보를 주고받는 것을 의미함. - REST는 기본적으로 웹의 기존 기술과 HTTP 프로토콜을 그대로 활용하기 때문에 웹의 장점을 활용할 수 있는 아키텍처 스타일임 - 네트워크 상에서 Client와 Server 사이의 통신 방식 중 하나임. 즉, HTTP URI(Uniform Resource Identified)를 통해 자원을 명시하고, HTTP Method(POST/GET/PUT/DELETE)를 통해 해당 자원에 대한 CRUD를 적용하는 것! REST에서 CRUD는 아래와 같다. 1. 생성 - POST(Create) 2. 쓰기 - GET(Read) 3. 수정 - PUT(Update..

JavaScript를 사용해서 이메일 유효성 검사하기! + Servlet 사용하여 입력값 받기! 구현 코드 1. HTML/CSS/JS 이메일 @ 선택하세요 직접입력 naver.com daum.net nate.com google.com korea.com + 이메일 Select 부분 2. Servlet package kr.co.ezenac.login; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.H..

JavaScript를 사용해서 아이디, 비밀번호 유효성 검사하기! + Servlet 사용하여 입력값 받기! 구현 코드 1. HTML/CSS 아이디 비밀번호 //주소값 2. Servlet @WebServlet("/logins") public class loginServlet extends HttpServlet { private static final long serialVersionUID = 1L; public void init(ServletConfig config) throws ServletException { System.out.println("init메서드 호출"); } public void destroy() { System.out.println("destroy메서드 호출"); } protected ..

태그 type 속성 중 하나인 radio를 사용하여 페이지 이동하기! 구현 코드 원하는 사이트를 선택하세요 Naver Daum Google 1. loacatoin - location 인터페이스는 객체가 연결된 장소(URL)를 나타냄 - Document.location과 Window.location으로 사용 가능 - loacation.href='url' - url 주소로 이동

1. 생성 코드 버튼 클릭시 텍스트 출력 2. 삭제, 숨김 코드 버튼 클릭시 텍스트 삭제 버튼 클릭시 이 div 태그 속 텍스트 삭제 기능 버튼 클릭시 텍스트 숨김 버튼 클릭시 div 숨김 기능 !JavaScript를 이용하여 문서에 HTML 요소 추가! 1. createElement() - HTML 요소 생성 2. createTextNode('문자열') - 선택한 요소에 텍스트 추가 3. appendChild() - 선택한 요소 안에 자식 요소 추가 예시)

JavaScript로 구구단 출력해보자! 구현 코드 원하는 구구단을 입력하고 화면에 출력합니다. 출력할 구구단을 입력하세요! : 1. document - 문서객체모델(Document Object Model)에 속함 - 문서내 모든 내용을 정의하고 각각 요소에 접근 - html에 대한 것들을 담당하는 객체 + window - 브라우저모델(Brower Object Model)에 속함 - 웹 브라우저 상태를 제어하는 객체 - 생략 가능 2. getElementById() - 태그에 있는 id 속성값을 해당 태그에 접근하는 함수 - 해당하는 id이 없을 경우 null 에러 발생 3. innerHTML - 요소(element) 내 포함 된 HTML 또는 XML 마크업을 가져오거..