전체 글 89

[Do it! HTML+CSS+자바스크립트 웹 표준의 정석] 01~05

01 웹 개발 시작하기 클라이언트 -사용자가 웹 사이트에 접근할 때 사용하는 기기 -좁은 의미로는 웹 브라우저를 의미함 ->클라이언트 개발 = 프런트엔드 개발 서버 -인터넷에 연결된 컴퓨터 -웹 요소와 여러 정보가 저장됨 ->서버 개발 = 백엔드 개발 html (html5) css(css3) 반응형 웹디자인 구현에 필요 자바스크립트 지금은 html5안에 모든 기능이 다 포함되어있지만, 내용 부담을 줄이기 위해 따로 분류함 02 웹 개발 환경 만들기 웹 브라우저(크롬)와 웹 편집기(vs code)가 필요 vs code 설치 > 한국어 팩 설치 후 vs code 재실행(자동 업뎃 후 한글 적용 안될시에도 재실행하면 됨) > 배경색 변경은 관리 아이콘(톱니바귀)에서 색 테마 선택 작업폴더 지정 => 파일>폴더..

[javascript] 기본 문법

코드 구조 여러개의 구문은 세미콜론을 기준으로 구분함 줄 바꿈으로도 구문을 구분할 수 있음(세미콜론 자동 삽입) but 세미콜론 자동 삽입이 동작하지 않을 때도 있음 함수 선언문, 반복문 등 코드블록({...}) 안에서는 세미콜론 안붙여도 괜찮음 엄격 모드 모던 자바스킙트에서 지원하는 모든 기능을 활성화하기 위해서는 스크립트 맨 위에 'use strict'를 적어줘야 함 'use strict'는 스크립트 최상단이나 함수 본문 최상단에 있어야 함 이게 없어도 코드는 정상적으로 동작하지만, 모던한 방식이 아니라 옛날 방식으로 동작함. 몇몇 모던 기능과 클래스는 엄격 모드를 자동으로 활성화함 변수 -변수 선언 시 사용하는 키워드 let const - 상수 정의 시 사용(한번 값을 할당하면 더는 값을 바꿀 수 ..

Chap 6 키워드 정리 ★

Chap 6. 서블릿 기초 6.1 서블릿의 세 가지 기본 기능 서블릿 기본 기능 수행 과정 176p 요청, 응답 관련 API - javax.servlet.http 패키지에 있음 177p HttpServletRequest 의 여러 가지 메서드 178p 6.2 태그 이용해 서블릿에 요청하기 179p 서블릿과 JSP는 HTML, CSS, 자바스크립트에 자신의 기능을 추가하여, 즉 서로 연동하여 동작함. 특히 사용자의 요청은 HTML의 태그나 자바스크립트로부터 전송받아서 처리함. * 태그와 태그 잘 알아두기 - 클라이언트에서 서버로 데이터 전송하는 기능을 담당 181p 태그- name 속성의 값과 실제 입력한 데이터가 쌍으로 전송됨 태그의 여러 가지 속성 181p 6.3 서블릿에서 클라이언트의 요청을 얻는 방법..

Chap 5 키워드 정리

Chap 5. 서블릿 이해하기 5.1 서블릿이란? 서블릿 개념 140p 서버 쪽에서 실행되면서 클라이언트의 요청에 따라 동적으로 서비스를 제공하는 자바 클래스 서블릿 동작과정 141p 5.2 서블릿 API 계층 구조와 기능 서블릿 API 구성요소 및 특징 - Servlet 인터페이스, ServletConfig 인터페이스, GenericServlet 클래스, HttpServlet 클래스 142p HttpServlet 클래스의 주요 메서드 143p 5.3 서블릿의 생명주기 메서드 144p 초기화 init() 작업수행 doGet(), doPost() 종료 destroy() 5.4 FirstServlet을 이용한 실습 145p 사용자 정의 서블릿 실제로 만들어서 서블릿 동작 과정 실습. 사용자 정의 서블릿 클래..

개발환경설정(3) 한글 인코딩(UTF-8), servlet-api.jar 클래스패스 설정

1. 한글 인코딩 상단 'Window' 탭 > 'Preference' > 왼쪽 'Web' > 'CSS Files', 'HTML files', 'JSP files' 의 Encoding을 UTF-8로 변경, Apply 후 닫기 2. servlet-api.jar 클래스패스 설정 servlet-api.jar 라이브러리(in 톰캣) - 클래스 패스 설정 146p (프로젝트 우클릭 > Build Path > Configure Build Path > Libraries 탭 > Classpath > Add External JARs > CATALINA_HOME(톰캣의 루트 디렉터리)-lib-servlet-api.jar 선택, 열기 > servlet-api.jar 클래스패스 설정)

개발환경설정(2) 이클립스에 톰캣 연동 및 프로젝트 등록

교재 115p~ 1. 이클립스에 톰캣 연동 window 탭 -> preferences -> server -> runtime environment -> add로 Apache Tomcat v9.0 으로 추가 2. 톰캣에 프로젝트 등록 'Servers' 탭 아래 'Tomcat v9.0 Server at localhost [Stopped]' 를 클릭 > 'Add and Remove' 클릭 > 추가할 프로젝트 선택 후 'Add' 클릭 해 톰캣에 등록 > 'Finish' --> Project Explorer - Servers - server.xml > 태그 부분에 프로젝트에 대한 컨텍스트가 자동으로 추가된 것 확인할 수 있음

Chap 4. 키워드 정리

Chap 4. 웹 애플리케이션 이해하기 웹 애플리케이션 98p 웹 애플리케이션 기본구조 99p~ WEB-INF, classes, lib, web.xml 103p bin, conf, src 105p 컨테이너 105p 웹 브라우저에서 웹 애플리케이션 요청 109p (http://IP주소:포트번호/컨텍스트이름/요청파일이름) 컨텍스트 110p 톰캣 컨테이너에서 웹 애플리케이션 동작 과정(톰캣-브라우저에 서비스하는 과정) 114p 이클립스에서 웹 애플리케이션 실습(dynamic web project) 115p~ 이클립스에서 톰캣 연동 121p~ 배치 130p

[이클립스] exERD 플러그인 설치 오류(이클립스 재설치로 해결)

책 '자바 웹을 다루는 기술' 챕터3. 개발환경설정 중 exERD 플러그인 설치 과정 수행 중 문제가 있었다. 설치가 완료되고 이클립스 재시작하는 등 정상적으로 플러그인이 설치된 것으로 보였으나, perspectives 등에서 exERD를 찾을 수 없었다. 내가 생각한 원인 -내가 사용하는 이클립스의 버전에서 exERD를 사용할 수 없다 그러나 exerd 사이트 qna에 나와 같은 버전의 이클립스를 사용하며 exerd를 이용하는 사람의 질문글이 있었으므로 아닐거라 생각했음. -exerd 버전2는 완전히 설치되었고, 3은 설치 중 오류 발생... 뭔진 몰라도 이클립스 문제인 것만은 확실하다고 판단 따라서 이클립스를 같은 버전으로 재설치해보았고, 처음에는 실패... 같은 현상의 반복이었음 이유) c드라이브>..

개인공부 2023.07.26

자바 웹 프로젝트 개발환경설정(1)

1. 자바 개발환경 설정 -1. jdk 설치 오라클 jdk 다운로드 페이지 > 운영체제에 맞는 jdk 선택 > 설치 -2. jdk 환경변수 설정 내컴퓨터 > 제어판 > 시스템 > '고급 시스템 설정'으로 '시스템 속성' 창 띄움 > '고급' 탭 > 환경변수 *시스템변수 - 변수이름: CLASSPATH 변수값: .;%JAVA_HOME%\lib *시스템변수 - 변수이름: JAVA_HOME 변수값: D:\spring_tool\jdk11 javac 11.0.2 확인 *자바 버전은 1.8임 2. jsp 환경설정 -1. 아파치 톰캣 아파치 톰캣 사이트 > Tomcat 9.0 다운로드 > 설치(포트번호 및 username, password 등 설정, jre 설치경로 선택, 톰캣 설치위치 지정) > 설치완료 창 뜨면 ..