본문 바로가기

분류 전체보기112

[JavaScript] 자바스크립트 기초 문법 - 제어문 제어문(Control flow statement)은 주어진 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용합니다. 목차 조건문 조건문(conditional statement)은 주어진 조건식의 참거짓 여부에 따라 코드 블럭(블록문)의 실행을 결정합니다. 단일 if 문 if (3>2) { console.log("3>2"); } //실행 결과: 3>2 if...else 문 var gender = "여"; if (gender == "남") { console.log("남자"); } else { console.log("여자"); } //실행 결과: 여자 다중 if 문 var grade = 80; if (grade >= 90) { console.log("A 학점"); } else if (.. 2022. 6. 26.
[JavaScript] 자바스크립트 기초 문법 - 변수, 데이터 타입, 연산자 자바스크립트(JavaScript)는 객체 기반의 스크립트 프로그래밍 언어로서, 웹 페이지를 동적으로 개발하기 위해 사용합니다. HTML이 웹의 구조(structure)를 담당하고, CSS가 웹의 표현(presentation)을 담당한다면, 자바스크립트는 웹의 동작(behavior)을 담당한다고 할 수 있습니다. 목차 HTML에서 자바스크립트를 포함하는 방법 (1) (2) (참고 : 페이지의 모든 HTML은 위에서부터 아래의 순서 그대로 실행됩니다. 이 때문에 특정 요소를 포함한 HTML 코드보다 JavaScript를 먼저 불러와버리면 코드가 올바르게 동작하지 못합니다. 따라서 스크립트 요소를 본문의 맨 마지막( 태그 바로 앞)에 배치하는 것이 안전합니다. 또는 외부 스크립트 파일을 참조하는 경우, def.. 2022. 6. 25.
[CSS] CSS 기초 및 선택자 정리 CSS(Cascading Style Sheets)는 웹 페이지를 꾸미기 위해 작성하는 Style Sheet 언어입니다. HTML 문서 내에서 표현적인 요소와 속성들을 모두 작성하면 문서가 복잡해지기 때문에, 웹 페이지의 구조와 표현을 분리시켜 표현을 담당하는 언어로 CSS를 사용하게 되었습니다. 목차 CSS 적용 방법 inline 스타일 적용하려는 태그 내에서 style 속성으로 직접 적용 inline style internal 스타일 적용하려는 태그가 포함된 HTML 문서 내부에서 적용 internal style external 스타일 외부 파일에서 적용 /* external.css */ #external { color: green; } external style CSS 문법 전체 구조는 rule se.. 2022. 6. 23.
[HTML] form 태그 HTML 태그 중 태그는 사용자로부터 데이터를 입력받을 수 있는 입력 양식인 입력 폼(form)을 정의하며, HTML에서 입력한 데이터를 서버에 전송하기 위해 사용됩니다. 목차 태그의 기본적인 속성 name 의 이름을 명시함 서버에서 데이터를 받을 때 key값으로 사용함 (cf. id 속성은 HTML 문서 내 특정 태그를 구분짓는 식별자) action 폼 데이터가 서버로 제출될 때 해당 데이터가 도착할 URL을 명시함 데이터를 전송할 주소 method 폼 데이터가 서버로 제출될 때 사용되는 HTTP 메소드를 명시함 데이터를 전송하는 방식 get URL에 폼 데이터를 추가하여 서버로 전달하는 방식 post 폼 데이터를 별도로 첨부하여 서버로 전달하는 방식 태그가 포함할 수 있는 태그 사용자로부터 입력을 받.. 2022. 6. 22.
[HTML] HTML 기초 및 주요 태그 정리 목차 HTML 이란? HTML은 Hyper Text Markup Language의 약자로 웹페이지를 작성하기 위한 언어입니다. Hyper Text는 텍스트에 하이퍼링크 설정이 가능하고 텍스트들이 서로 연결되어 있다는 의미이고, Markup은 종이 인쇄 산업시대 때 복사 편집인이 인쇄할 종이의 여백 부분에 특별한 글꼴이나 색 정보를 위해 표시(마크업)했던 것에서 사용되기 시작한 말입니다. HTML 특징 Markup언어는 태그(tag)로 구성되고 태그 안에 문서의 내용을 표시합니다. HTML 태그(tag)와 HTML 엘리먼트(element)는 같은 의미로 사용됩니다. 태그는 로 표시하며, 시작태그와 끝태그로 구성됩니다. empty content를 가지는 빈태그가 있으며, 로 표현 가능합니다. 태그는 일반적으.. 2022. 6. 21.
이클립스(Eclipse) 웹 개발 환경 구축 웹 개발을 하기 위해 필요한 프로그램을 설치하고 초기 환경설정을 진행해 보겠습니다. 1. 이클립스(Eclipse) 웹 개발용 설치 이클립스 홈페이지(https://www.eclipse.org/)의 우측 상단 Download 탭에 들어간 후, Download Packages를 클릭하여 패키지 파일을 받도록 하겠습니다. 웹 개발용 이클립스(Eclipse IDE for Enterprise Java and Web Developers)를 설치합니다. 2. JDK 설치 및 환경 변수 설정 아래 게시글에서 자세한 내용을 확인할 수 있습니다. 1. JDK (Java Development Kit) 설치, 3. 환경 변수 설정 을 참고해 주시면 감사하겠습니다. https://amy-it.tistory.com/24?cate.. 2022. 6. 21.
[JAVA] MyBatis - RowBounds MyBatis에서 RowBounds를 사용하면 전체 레코드에서 원하는 범위의 레코드만을 가져올 수 있게 됩니다. MyBatis를 사용하기 위한 환경설정과 기본 사용법은 아래 게시글에서 확인할 수 있습니다. https://amy-it.tistory.com/64 [JAVA] MyBatis 시작하기 ▶ MyBatis 란? MyBatis(마이바티스)는 SQL 매핑(mapping) 프레임워크입니다. MyBatis는 자바와 데이터베이스를 연동하기 위해 JDBC로 처리하는 상당 부분의 코드와 파라미터 설정 및 결과 매핑을 대신해 줌 amy-it.tistory.com 기본 구조는 동일하게 사용하고, Main, Service 클래스, DAO 클래스, Mapper.xml 파일을 중심으로 살펴보겠습니다. Main Main에.. 2022. 6. 19.
[JAVA] MyBatis - 동적 SQL MyBatis의 가장 강력한 장점 중 하나는 동적 SQL을 처리하는 방법입니다. 이번 게시글에서는 MyBatis에서 동적 SQL을 처리하는 방법에 대해 알아보도록 하겠습니다. MyBatis를 사용하기 위한 환경설정과 기본 사용법은 아래 게시글에서 확인할 수 있습니다. https://amy-it.tistory.com/64 [JAVA] MyBatis 시작하기 ▶ MyBatis 란? MyBatis(마이바티스)는 SQL 매핑(mapping) 프레임워크입니다. MyBatis는 자바와 데이터베이스를 연동하기 위해 JDBC로 처리하는 상당 부분의 코드와 파라미터 설정 및 결과 매핑을 대신해 줌 amy-it.tistory.com 기본 구조는 동일하게 사용하고, Main, Service 클래스, DAO 클래스, Mapp.. 2022. 6. 19.
[JAVA] MyBatis - HashMap 사용 SQL문 실행시 map을 인자로 전달하거나 실행 결과를 map 타입으로 반환받고자 하는 경우가 있습니다. 이때 Mapper XML 파일에 SQL문 작성시 parameterType 또는 resultType을 HashMap으로 지정할 수 있습니다. 저는 오라클 scott/tiger 계정의 dept 테이블을 이용해 실습해 보겠습니다. ▶ resultType="hashmap" SQL문 실행 결과를 HashMap 타입으로 저장하여 반환하는 형태입니다. 1. selectOne SELECT문 실행 결과가 레코드 한 개인 경우, selectOne() 메소드를 이용합니다. 이때 resultType을 hashmap으로 지정하면 레코드 한 개를 HashMap 타입으로 저장하여 HashMap 타입으로 반환합니다. 레코드 한 .. 2022. 6. 16.
[JAVA] MyBatis 시작하기 ▶ MyBatis 란? MyBatis(마이바티스)는 SQL 매핑(mapping) 프레임워크입니다. MyBatis는 자바와 데이터베이스를 연동하기 위해 JDBC로 처리하는 상당 부분의 코드와 파라미터 설정 및 결과 매핑을 대신해 줌으로써, 개발자가 복잡한 코드 작업을 피하고 좀 더 빠르게 SQL을 처리할 수 있도록 도와줍니다. JDBC의 기본적인 프로그래밍 구조와 비교했을 때 MyBatis의 장점은 다음과 같습니다. JDBC 프로그램 MyBatis - Connection 직접 맺고 close() - PreparedStatement 직접 생성 - PreparedStatement의 setXXX() 등 복잡한 작업 직접 처리 - ResultSet 직접 처리 - MyBatis 내부적으로 Connection 맺고 .. 2022. 6. 15.

티스토리툴바