본문 바로가기

분류 전체보기151

HTML & CSS #04 : 폼, input태그 폼(form) : 사용자가 웹 사이트로 정보를 보낼 수 있는 모든 요소 이런 작업은 데이터베이스를 기반으로 한다. 태그 과 사이에 여러가지 폼 요소를 삽입하여 사용 method 속성 : 사용자가 입력한 내용을 서버로 어떻게 넘겨줄지 지정하는 속성으로 get과 post 가 속성값으로 있다. name 속성 : 폼의 이름을 지정하는 속성. action 속성 : 폼 태그 안의 내용들을 처리해줄 서버 상의 프로그램을 지정 target 속성 : 지정한 스크립트 파일을 다른 위치에 열도록 지정 태그 폼 요소에 레이블(텍스트)를 붙이는 태그이다. 라디오 버튼이나 체크 박스에서 레이블 부분을 클릭해도 해당 버튼이 선택된다. 태그 폼 요소를 그룹으로 묶는 태그 table태그의 tr태그처럼 묶어주는 태그이다. 태그 그룹으로.. 2022. 12. 13.
HTML & CSS #03 : 이미지 & 하이퍼링크 이미지는 gif, jpg, jpeg, png 의 파일 형식이 지원 태그 - 이미지 태그 웹 문서에 이미지를 삽입할 때 사용 src 속성으로 상대경로(html 파일이 있는 곳 기준)로 이미지 파일 경로를 지정해 사용 닫힘 태그가 없다. alt 속성을 꼭 사용해주어야한다. alt 속성은 이미지를 설명하는 대체 텍스트 width, height 속성으로 이미지 크기 조정하기 (각각 가로폭, 높이폭) 이미지를 삽입할 때는 대략적인 해상도에 맞춰 업로드하는 것이 좋다. 깨지는 것을 방지하며, 용량이 큰 사진을 업로드해 비효율적이게 됨을 막기 위함. 포토샵을 사용해 해상도 조정하기! (image-image size) 태그 : 설명글을 붙일 대상을 지정 웹 문서 안에서 한 단위가 되는 요소를 묶을 때 사용 설명글 표시.. 2022. 12. 13.
HTML & CSS #02 : text 태그 - 제목표시 기본형 : 제목 각 웹 콘텐츠 영역에서 제목을 표시할 때 사용 크기 : h1 > ~ > h6 태그 - 본문 텍스트 단락 기본형 : 텍스트 입력한 내용 앞뒤로 빈 줄이 생기면서 텍스트 단락이 생성됨 태그 - 줄바꾸기 기본형 : 줄을 바꿀 위치에 태그를 사용. 닫는 태그가 없음 태그 - 분위기 전환 기본형 : 수평 줄이 생성됨 주제가 바뀔 때 분위기를 전환하기 위해 사용 , 태그 - 영역 묶기 텍스트 : 줄 안에서 (인라인) 묶기 -> 외부에서 보여지지는 않지만 구분을 할 수 있도록 블록을 지정해주는 것 텍스트 : 줄을 바꿔 (블록) 단락으로 묶기 태그 - 인용문 넣기 기본형 : 인용문 인용문을 들여쓰기 태그 - 인용 내용 표시 기본형 : 인용 문구 줄바꿈 없이 다른 내용과 한 줄에 인용문.. 2022. 12. 13.
HTML & CSS #01 : 기본 HTML - 텍스트와 이미지, 링크 등 여러 요소를 다루고 표시할 수 있는 웹 문서를 만드는 언어 시작태그와 끝태그로 작성 ~ : 제목태그 : 이미지 태그 : 본문 태그 상단 와 : 현재 문서가 HTML5 언어로 작성된 웹 문서 ~ : 웹 문서의 시작과 끝 lang이라는 속성을 사용해 문서에서 사용할 언어 지정 (lang="ko") : 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분. (메타 데이터를 넣는 곳) 스타일 및 스크립트 등이 포함 문서에서 사용할 외부 파일들 링크. 태그와 태그 등이 있음 ~ : 실제로 웹 브라우저 화면에 나타날 내용 출처 : Do it! HTML5 + CSS3 웹 표준의 정석 (고경희) 2022. 12. 13.
자바스크립트#03 : 조건문 현재 시각 프로그램에 적용하기 new Date() 객체 생성을 통해 상수를 선언해준다. getFullYear() getMonth() : 0월부터이기 때문에 +1을 해주어야 한다. getDate() getHours() getMinutes() getSeconds() if문 if-else문 다중 if-else문 중첩 조건문 switch 조건문 조건부 연산자 (삼항 연산자) 기본 형태 : 불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과 짧은 조건문 논리합 연산자를 사용 불 표현식 || 불 표현식이 거짓일 때 실행할 문장 논리곱 연산자를 사용 결과가 거짓인 불 표현식 && 불 표현식이 참일 때 실행할 문장 .split(' ') .split('/') 함수에 들어간 기호 기준으로(쉼표, 슬래쉬 등 원하는데로 지정.. 2022. 12. 13.
자바 #006_클래스 객체 생성 - 메모리를 점유시키는 것. 객체(Object)는 클래스의 최고 조상으로, 자신의 속성을 가지면서 식별 가능한 것을 말한다. 객체는 속성(field) + 동작(method)로 구성된다. 객체와 객체는 메소드를 통하여 상호작용이 가능하다. 자바는 집합/사용 관계에 있는 객체를 하나씩 설계하고, 조립하여 다양한 프로그램을 개발하는 객체 지향 프로그래밍 이다. 객체 지향 프로그래밍은 유지보수 측면에서 아주 좋다. 클래스 자바의 설계도. Instance : 클래스로부터 만들어진 객체이며, 현재 만들어져서 사용하고 있는 객체를 말한다. 객체 지향 프로그래밍은 클래스를 설계하고, 이 클래스로 사용할 객체를 생성하여 객체를 사용한다. new 연산자로 메모리 Heap 영역에 객체를 생성한다. 객체 생성 후 .. 2022. 12. 12.
자바 #005_참조 참조타입(Reference Type) - 객체(object)의 번지를 참조하는 타입 메모리 사용 영역 !! 자바에서만 해당되는 내용 !! 메모리 사용영역은 메소드 영역, 힙 영역, JVM 스택 영역이 있다. 메소드 영역에는 클래서별 static field, constant, constructor, method 코드 등을 분류하여 저장하고, 힙 영역은 객체와 배열이 생성되는 영역이며, JVM 스택 영역은 메소드가 호출되면 프레임이 추가되고, 메소드가 종료되면 프레임이 제거되는 영역이다. 참조 타입 변수는 스택영역에 힙 영역에 생성된 객체의 주소를 갖는다. ** 자바에서 char 타입은 2byte이다!!! 참조타입에서 동일 객체를 참조하는지, 다른 객체를 참조하는지 알아볼 때에는 == 혹은 != 연산자를 사.. 2022. 12. 12.
자바 #004_조건문, 반복문 조건문 - 조건식에 따라 다른 실행문을 실행하기 위해 사용 if문 조건식 결과에 따라 블록 실행 여부가 결정된다. 조건식에는 true/false 혹은 boolean 결과가 나오는 연산식이 와야한다. if문의 중괄호 블록은 조건식이 참일때 실행된다. if-else문/ 다중 if-else문 if문 바로 뒤에 else문을 함께 사용. if문의 조건식이 true이면 if문의 중괄호 블록을 실행, false이면 else문의 중괄호 블록을 실행 다중 if-else문도 마찬가지이다. 다만 if-else문이 반복된다. public class IfElseIfElseEx { public static void main(String[] args) { int score = 60; if(score >= 90) { System.o.. 2022. 12. 12.
자바 #003_연산자 연산자(Operator) - 연산에 사용되는 표시나 기호 피연산자(Operand) - 연산자와 함께 연산되는 데이터 연산식(Expression) - 연산자와 피연산자를 사용하여 기술한 식 자바에서 연산이 복합적으로 구성되어 있다면, 우선순위에 따라 수행된다. 단항 - 이항 - 삼항 산술 - 비교 - 논리 - 대입 순이다. 우선순위가 같으면 왼쪽에서 오른쪽으로 수행된다. 다만, 대입연산자는 반대로 오른쪽에서 왼쪽으로 수행된다. 우선순위 순으로 나열한 리스트(위가 높음) : 증감(++ --), 보호(+ -), 논리(!) 산술(* / %) 산술(+ -) 비교( = instanceof) 비교(== !=) 논리(&) 논리(^) 논리(|) 논리(&&) 논리(||) 조건(? :) 대입(= += -= *= /= %=).. 2022. 12. 12.

티스토리툴바