정신 바짝

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- jQuery실습문제 풀이) 자바스크립트와 jQuery 중 하나만 할 줄 아는게 아니라 둘 다 할 줄 알아야 함. 궁금증) 브라우저 콘솔창에 표시되는 ==$0은 무엇인지? 구글링) 가장 최근에 선택한 Element의 래퍼런스라고 한다. console.log($0) 을 이용하면 최근에 선택한 엘리먼트가 콘솔창에 출력된다. $1, $2, $3 은 각각 1~3번 째 전에 선택했언 엘리먼트의 래퍼런스라고 한다. JS 기능구현 숙제) 1. 버튼을 누르면 선택한 게시물의 위..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 자바스크립트 배열 실습문제 ) 브라우저에서 반복작으로 기능을 수행하게 할 경우 마지막에 관련된 변수 및 배열을 초기화해주는 로직 필요. jQuery객체와 DOM객체는 다르다. 명품 웹프로그래밍교재) DOM객체의 구성요소 (W3C 표준) 1. 프로퍼티 2. 메소드 3. 컬렉션 4. 이벤트 리스너 5. CSS 스타일 jQuery를 이용한 이벤트 처리 이벤트 참조 | MDN DOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event ..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- jQuery : DOM을 다루기 편리하게 만드는 라이브러리. querySelector()기능이 생기고 가상돔을 사용하는 등의 변화로 잘 사용하지 않는 추세라고 한다. 그러나 가장 많이 사용하는 라이브러리였고 앞으로도 완전히 없어지지는 않을 것으로 보여 알아둘 필요가 있다. $() 로 감싼 돔객체는 jQuery객체가 되며 jQuery의 메소드를 사용할 수 있게 된다. jQuery의 메소드들 .first() .last() .eq() .css() .filter() ...

수시로 수정 및 업로드예정입니다. 틀린 부분이 있다면 댓글로 꼭 알려주세요! ---------------- 📃깃&깃허브를 사용하는 이유: 버전관리, 백업, 협업 일반 직장인들도 문서관리를 위하여 많이 사용한다. 파일 하나를 여럿이 수정하고 합치는 것이 굉장히 번거롭기 때문. 버전까지 달리하며 관리할 경우 더욱 불편. 개발자 협업에는 필수. 📃깃: 로컬 저장소를 깃으로 관리하면 커밋, 브랜치 등의 기능으로 버전관리가 가능하다. 📃깃허브: 로컬 저장소를 원격저장소에 백업하고 협업할 수 있다. 오픈소스에 기여하는 등 커뮤니티 활동도 할 수 있다. 정적인 사이트 호스팅도 가능하며 포트폴리오로도 많이 사용함. 📃저장소(디렉토리,폴더)를 깃이 관리하도록 만드는 두 가지 방법 1) 깃 저장소로 만들 디렉토리에서 $g..

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

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 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..

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

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

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

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