반응형

개발/KH국비지원과정 67

[KH국비지원 웹개발자 과정] Day_47 키워드, JS 객체, JSON, jQuery

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- Javascript 객체 생성 var obj = new Object(); key와 value를 저장할 수 있고, 함수(메소드)도 만들 수 있다. JS객체의 키와 값을 설정하는 두 가지 방법 1. obj.키이름 = 값 2. obj["키 이름"] = 값 2번 방법은 키 이름에 띄어쓰기나 기호를 넣을 수 있다. 객체에 배열을 넣을 수 있다. 객체 안의 배열도 인덱스로 접근. 객체의 함수(메소드)를 익명함수를 이용하여 정의할 수 있다. var obj = new Obje..

[KH국비지원 웹개발자 과정] Day_46 키워드, JS배열, 함수,이벤트 등

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- Javascript 배열 배열의 생성 var arr = new Array(); var arr2 = ["값1","값2","값3","값4",...] 배열 메소드 arr.indexof("값") : 배열에서 값이 위치한 인덱스를 리턴함 arr.concat(배열명2) : arr.concat(arr2,arr3,arr4,...,) 여러개도 가능, 배열끼리 결합함 arr.join() : 배열의 요소를 결합하고 문자열로 반환, 디폴트 시 요소를 ","로 구분함 arr.rever..

[KH국비지원 웹개발자 과정] Day_45 키워드 JS, DOM, BOM

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- HTML + CSS -> 정적으로 화면의 구조를 만들고 꾸미는 기능 JavaScript -> 화면의 동적인 처리. HTML에 입력된 값의 유효성 검사 등을 자바스크립트로 처리할 수 있다. 자바스크립트의 역사. 네스케이프라는 회사에서 자바스크립트를 개발함. 브랜던 아이크 Brendan Eich 라는 사람이 며칠만에 만들었다고 한다... 모카 , 라이브스크립트의 명칭 변경을 거쳐 최종적으로 자바의 인기에 편승하고자 자바스크립트라고 명명하였다고 한다. 자바 스크립트는..

[KH국비지원 웹개발자 과정] Day_44 키워드 페이징기능, 자바스크립트 기초, DOM의 개념.

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- -회원 관리프로그램에서 유효성 검사나 부가적인 기능은 자바스크립트나 라이브러리로 처리한다. -공지사항 게시판의 페이징 기능 실습) 페이징 기능은 게시판의 페이지를 구현하는 것. 한 페이지에 몇 개의 게시물을 출력할 지, 페이지 네비게이터는 어떻게 출력할 지에 대한 것. 한 페이지에 5개의 게시물을 출력하고 페이지 네비게이터는 1 2 3 4 5 [다음] [이전] 6 7 8 9 10 [다음] [이전] 11 12 13 처럼 만드는 식으로 실습을 진행. 전체 101개의..

[KH국비지원 웹개발자 과정] Day_43 키워드 doPost 실습, 게시판 기능 구현

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 국비지원과정 초반에는 수업 중에 진도를 앞서나가서 다른 공부를 병행할 수 있었음. 지금은 잠깐 다른 것을 하고 오면 놓치는 부분이 생김. 수업에 그대로 집중하고 추가적인 부분들은 복습할 때 시도하자. 이클립스 화면을 4분할하여 서블릿별, 뷰별로 나누어서 보면 작업하기 편리하다. 수업 중 프로그램이 동작하는 방식대로 코딩을 반복하여 연습하고 나니 전체 구조를 생각하는 방식으로 코딩을 하는 것도 수월한 것 같다. WEB-INF 하위 폴더에 Web file 을 저장하..

[KH국비지원 웹개발자 과정] Day_42 키워드 마이페이지, 수정 등의 기능

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- -세션은 해당 세션영역에서 전역변수같은 역할을 하며 세션이 파괴되지 않는 한 유지가 된다. 누구든 조회가 가능ㄴ하기 때문에 민감한 데이터는 넣지 않는다. 세션파괴 session.invalidate -오토커밋 해제 conn.setAutoCommit(false); ->예외를 Service로 떠넘긴다. 커밋,롤백 메소드를 만든다.(static) -> Service에서 try절에 commit(), catch절에 rollback() 메소드를 넣는다. -마이페이지 만들기 ..

[KH국비지원 웹개발자 과정] Day_41 키워드 다이나믹 웹 프로젝트 실습, 로그인, 로그아웃 등

안녕하세요. 삶의 질을 높이고자 노력하는 영차영차입니다. 드디어 국비지원 학원을 다니며 공부에 전념을 할 수 있게 되었습니다. 해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- -다이나믹 웹 프로젝트 서블릿, jsp 실습 ( 로그인 , 로그아웃, 조회 ) :라이브러리 추가 등의 불편함으로 메이븐프로젝트나 그레이들을 사용하는 것으로 알고 있음. 다이나믹 웹프로젝트로 진행해본 후에 배우게 될 것으로 보인다. -프로젝트 경로(Context root) 를 '/' 슬래시로 설정해줌으로써 URL에 프로젝트명을 적지 않게 ..

[KH국비지원 웹개발자 과정] Day_40 키워드 CSS 배치, 트랜지션, 애니메이션, 서버

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 화면 만드는 실습) 레이어에 로그인폼 넣고 이미지 채워넣는 실습. reset.css 태그를 기본값으로 복원해주는 css파일 네비게이터를 만들 때 ul / li 로 리스트를 만들고 css로 꾸며준다. margin , padding, overflow:hidden 링크 선택자 선택자 a:link{ } 선택자 a:visited{ } 배치관련 스타일 실습(Positioning) position의 설정. 1.static 2.relative 3.absolute 4.fixed..

[KH국비지원 웹개발자 과정] Day_39 키워드 ,CSS

안녕하세요. 삶의 질을 높이고자 노력하는 영차영차입니다. 드디어 국비지원 학원을 다니며 공부에 전념을 할 수 있게 되었습니다. 해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- CSS (Cascading Style Sheets) :웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일 시트. -> 웹문서(HTML)을 꾸며주는 것. 선택자{ 속성 = 속성 값} 의 기본 형태를 가짐. CSS 사용을 한마디로 정리하면 : 꾸며줄 것을 선택하고 꾸며주는 기능을 작성한다. -> 꾸며줄 것을 선택하기 위해 필요한 것이 선택자..

[KH국비지원 웹개발자 과정] Day_38 키워드, 액션태그, EL, JSTL

안녕하세요. 삶의 질을 높이고자 노력하는 영차영차입니다. 드디어 국비지원 학원을 다니며 공부에 전념을 할 수 있게 되었습니다. 해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- -서블릿과 JSP에 대한 전일 복습 중 개인적으로 EL에 대해 교재로 예습을 하고 있었음 -이후 학원 진도로 액션태그, EL, JSTL을 배우게 되어 좋았음. -액션태그 JSP에서 기본적으로 사용하는 태그로 XML기술을 이용하여 기존의 JSP문법을 확장하는 메커니즘을 제공하는 태그. 웹 브라우저에서 실행되는 것이 아니라 웹 컨테이너에서 ..

반응형