ALL

쌍용 강북 교육센터 국비학원 Day 47일차 Number 주요 method 숫자.toLocaleString ('en') -> 숫자를 3자리 마다 콤마를 찍어서 문자열로 변환시켜줌. 숫자.toFixed (num) -> 소수 (파라미터) num의 자리까지 반올림 해주는 메소드. 그 이후는 반올림하고 절삭. string 타입으로 리턴. 숫자.toPrecision (num) -> num의 길이만큼 추출한 후 반올림해준다. string 타입으로 리턴. getElement JavaScript에서 Element (태그, 요소)를 잡는 6가지 방법 1. 태그를 가지고 선택자를 잡는 방법 document.getElementsByTagName ("태그명") -> NodeList 타입으로 반환해준다. 마치 배열과 비슷하다...

쌍용 강북 교육센터 국비학원 Day 46일차 Variable 어제에 이어서 JavaScript 변수에는 true와 false를 나타내는 Boolean, Undefined 와 Null 그리고 Object (객체)가 존재한다. Undefined는 변수를 선언하고 값이 입력되어지지 않았을 때를 데이터타입이 정의되지 않았다는 것을 뜻하고 Null은 빈 값을 변수에 의도적으로 넣는다. 보통 Null은 값을 초기화할 때 사용한다. ※ NaN은 Not a Number 를 의미하며 관련 메소드로 isNaN(값) - 값이 숫자가 아니라면 true를 반환한다. Object (객체) 객체는 관련된 데이터와 함수 (일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 부른다) 의 집합..

쌍용 강북 교육센터 국비학원 Day 45일차 JavaScript 스크립트 태그는 head태그나 body태그 안에 위치해도 가능하고 CSS와 같이 HTML파일과 분리된 외부경로에 파일 (확장자명.js) 을 불러와서 사용할 수 있다. (head태그에 위치시 window.onload 가 필요하다) JavaScript Output innerHTML - HTML 태그속에 결과물을 넣어주는 메소드. HTML 요소에 접근하기 위해 document.getElementById(id)와 같이 사용 (HTML 구문보다 뒤에 구문이 위치해야 정상 출력 됨) innerText - 동작방식은 HTML과 동일한데 HTML은 작성된 코드를 그대로 작동하지만 Text는 Text 그대로 읽어온다. (즉, 태그를 인식하지 못한다) doc..

쌍용 강북 교육센터 국비학원 Day 44일차 태그 src - 이미지가 저장된 주소의 URL 주소 (경로)를 명시한다. alt - 이미지가 로딩될 수 없는 상황에서 이미지 대신 나타날 문자열을 설정한다. width : 이미지의 가로 크기를 지정 height : 이미지의 세로 크기를 지정 loading : 이미지 로딩 방식을 지정 (기본값은 eager로, 모든 이미지를 불러온다. lazy로 설정하면 이미지가 뷰포트의 일정 거리 안으로 들어오면 불러온다. 불필요한 이미지 로딩을 줄여서 페이지 속도를 증가시킬 수 있다.) image 주요 CSS 속성 border-radious - 테두리를 둥글게 만드는 속성 (예 - 20px 20px 20px 20px / 20px 20px 20px 20px , 50%) opac..

쌍용 강북 교육센터 국비학원 Day 43일차 태그 form태그는 웹 페이지에서의 입력 양식을 의미한다. 로그인 창이나, 회원가입 폼 등이 이에 해당된다. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리하게 된다. form 태그 속성 폼 속성을 이용하여 해당 데이터를 전송할 때 어디로 보내야하는지 어떤 방법으로 보낼지 정하는걸 의미한다. name - 폼을 식별하기 위한 이름을 지정한다. (name은 보통 JSP에서 DB의 컬럼명으로 사용) accept-charset - 폼 전송에 사용할 문자 인코딩을 지정한다. target - action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정한다. method ..

쌍용 강북 교육센터 국비학원 Day 42일차 여백설정 margin, padding margin - 바깥여백을 의미 padding - 안쪽여백을 의미 px이나 %로 값을 입력하며 한개의 값만 입력하면 모든방향에서의 여백설정이고, 2개의 값은 상, 하, 4개의 값을 모두설정하면 값의 순서는 시계방향으로 돌아간다. (상 -> 우 -> 하 -> 좌) float 속성 float 는 단어는 원래 ‘뜨다’ 라는 의미이며, 원래 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성이다. inherit - 부모 요소에서 상속 left - 왼쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 오른쪽에 위치하며 위에서 아래로 흐름. right - 오른쪽에 부유하는 블록 박스를 생성. 페이지 내용은 ..

쌍용 강북 교육센터 국비학원 Day 41일차 기초적인 Java와 Oracle 다음에 이것을 병합하는 JDBC를 거쳐 이제 41일차 기준 HTML, CSS, JSP로 넘어간다. HTML의 주석문 처리 단축키 - Ctrl + Shift + / head의 주석문 - /* 내용 */ body의 주석문 - CSS의 우선순위 1. ! important (css 강제적용) 2. 해당 태그에 직접준 것 3. HTML 파일에서 준 style 태그 (임베디드방식) 4. 외부에 있는 css파일을 로드하는 것 (예 ) Display Block 방식 세로형태로 보여지는 방식으로 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지한다. 태그와 , 태그의 기본값은 block 방식이다. 또한..

쌍용 강북 교육센터 국비학원 Day 40일차 어제에 이어서 JDBC를 이용해 종합적으로 게시판 모듈 로직을 짜는중이다. DAO, DTO, 싱글톤패턴, Transaction 처리 등 여태까지 배워왔던 것들을 활용해서 만드는 게시판이다. 게시글 작성, 삭제, 열람, 수정, 댓글 작성 등등 코드가 워낙 많아 파일로 대체함.

쌍용 강북 교육센터 국비학원 Day 39일차 Transaction (트랜잭션) 처리 데이터베이스의 데이터를 수정하는 도중에 예외가 발생된다면 DB의 데이터들은 수정이 되기 전의 상태로 다시 되돌아가져야 하고, 다시 수정 작업이 진행되어야 할 것이다. 이렇듯 여러 작업을 진행하다가 문제가 생겼을 경우 이전 상태로 롤백하기 위해 사용되는 것이 트랜잭션(Transaction) 이다. Transaction(트랜잭션) 이라 함은 데이터베이스의 상태를 변환시키기 위하여 논리적 기능을 수행하는 하나의 작업단위를 말한다. 즉, 관련된 일련의 DML로 이루어진 한세트를 말한다. (트랜잭션은더 이상 쪼갤 수 없는 최소 작업 단위를 의미한다.) Transaction 처리에서 가장 중요한 것은 모든 DML문이 성공해야만 최종..

쌍용 강북 교육센터 국비학원 Day 38일차 싱글톤 패턴(Singleton pattern) 프로그래밍 세계에 OOP 의 개념이 생기면서 객체 자체에 대한 많은 연구와 패턴들이 생겨났다. Singleton Pattern은 인스턴스가 사용될 때에 매번 새로운 인스턴스를 만들어 내는 것이 아니라, 동일 인스턴스 1개만을 사용하도록 하는 것이다. 소프트웨어 디자인 패턴에서 싱글턴 패턴을 따르는 클래스란 ? 생성자가 여러 차례 호출되더라도 실제로 생성되는 객체는 하나뿐이고, 최초 생성 이후에 호출된 생성자는 최초의 생성자가 생성한 객체를 리턴해준다. 이와 같은 디자인 유형을 가지는 클래스를 싱글톤 패턴을 따르는 클래스라고 한다. 그러므로 싱글톤 패턴을 따르는 클래스는 인스턴스가 사용될 때에 매번 새로운 인스턴스를..