정신 바짝

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 마이바이트 새로운 프로젝트 만들어서 실습) * 마이바티스 파일 생성순서 1. 패키지 모두 생성 2. 인터페이스, 클래스 모두 생성 3. SqlSessionTemplate 코드 작성 4. resources 소스폴더 생성 후 mybatis-config.xml 생성 5. dtd 입력하고 xml 접속정보 설정(태그) 6. SqlSessionTemplate으로 가서 session 객체 생성할 코드 작성 7. Controller, ServiceImpl, StoreLogic..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 마이바티스 실습) insert 실행 시 부적합한 열 유형: 1111 에러) #{ }의 값이 null인 경우 따로 설정을 해주어야 진짜 null로 인식이 된다. 구글링)config.xml에 다음 설정을 추가하면 된다. 페이지를 이동하는 방법들) 1. 서블릿에서 페이지를 이동시키는 방법 1) response.sendRedirect("url") 2) rquest.getRequestDispatcher("url").forward(request,response) 2.JS에..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 프레임워크란? :코드 개발시간을 줄이고 코드의 재사용성을 증가시키기 위한 일련의 클래스묶음, 뼈대, 틀. 라이브러리가 일반 연장이라면 프레임워크는 특정 기능을 수행하는 기계에 비유할 수 있다. -> 라이브러리는 사용 자유도가 높음. 프레임워크는 틀을 사용하기 위한 사용법이 정해져있다. 프레임워크의 특징 1. 개발자가 따라야하는 가이드를 제공함 2.개발할 수 있는 범위가 정해져있음 3. 개발자를 위한 다양한 도구, 플러그인을 지원함 프레임워크의 장점 1.개발시간 ..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 용어정리 -HTML5 -시맨틱태그 -웹표준 -웹호환성 -웹접근성 -DOCTYPE -CSS트랜지션 -정규표현식 -반응형 웹 -부트스트랩 -CSS position 속성 정리 static : top,bottom,left,right 등의 offset 불가. 기본 위치. float은 가능 relative : static의 위치를 기준으로 offset 설정 가능. absolute: 부모를 기준으로 위치가 설정됨. position속성이 relative인 조상을 기준으로 위치..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 부트스트랩 샘플코드 실습) 부트스트랩 사이트 참고) 부트스트랩 사용하는 방법 1. css -> 맨 위에 부트스트랩의 를 붙여 넣어 부트스트랩의 css를 가장 먼저 불러온다. 2. js-> 부트스트랩 를 붙여 넣는다. 3.HTML태그와 class 값 지정을 통하여 원하는 기능을 가져다 사용한다. 부트스트랩의 기본 전역 속성 1. HTML 5이다 2. 모바일 우선이다. 반응형 뷰포트메타태그가 필요할 수 있다. 3. 전역 box-sizing 값을 사용한다. 그리드 시..

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