오늘의 개발
[TIL] HTML의 입력을 담당하는 form, input
✍ Today I Learned html form 태그의 제대로된 사용법을 알게 되었다. form 태그 내 작성된 데이터는 action 속성의 위치로, method 속성의 방식에 따라 전달된다. action 속성을 생략하면 현재 페이지로 데이터를 전송하고 리로딩 된다. (나를 힘들게 했던..) label 태그의 for 속성과 input 태그의 id 속성은 연동된다. 같은 값으로 설정하면 label 태그로 감싸진 텍스트를 클릭했을 때 input 창이 선택된다. input 태그에 속성이 이렇게 많았다니? readonly는 읽기전용 속성 disabled는 비활성화된 속성 required는 필수입력항목 속성 pattern 속성으로 유효성 검사를 할 수 있다. 파일이 첨부된 form은 enctype 속성 값을 m..
[Java] 논리 연산자
조건문 파트에서 다뤘던 논리 연산자에 대해 자세히 알아보자. 논리 연산자 public class LogicalOperatorApp { public static void main(String[] args) { // 논리 연산자 // AND 연산자 System.out.println(true && true); // true System.out.println(true && false); // false System.out.println(false && true); // false System.out.println(false && false); // false // OR 연산자 System.out.println(true || true); // true System.out.println(true || false);..
[HTML] HTML에서 공간을 나누는 요소들
블록(block)과 인라인(inline) HTML에는 2가지의 display 속성이 있다. 블록(block) 인라인(inline) 블록(block) 타입의 요소 언제나 새로운 라인에서 시작하며, 해당 라인의 모든 너비를 차지한다. ex) , , 인라인(inline) 타입의 요소 새로운 라인에서 시작하지 않고, 해당 내용(content)만큼만 차지한다. ex) , , 요소 영역을 분리하여 담아주는 컨테이너 역할의 태그 요소 텍스트의 특정 부분을 컨트롤하기 위한 태그 레이아웃(Layout)과 시멘틱(Semantic) Header 영역 Nav 영역 Section 영역 Footer 영역 태그에 class값을 부여해서 레이아웃을 작성할 수도 있지만, HTML5에는 레이아웃만을 위한 의미론적(semantic) 요소..
[TIL] HTML 복습2
✍ Today I Learned html 속성의 값은 대소문자를 구분하지 않지만 가독성 및 협업을 위해 소문자로 작성하는 것이 좋다. 이미지 파일들은 파일의 헤더영역에 image/jpeg, image/png 등의 형식을 갖고 있으므로 파일 확장자명과 관계없이 헤더 정보로 판단한다. (MIME type) img 태그의 size 속성에서 %는 브라우저 크기 대비 비율을 의미한다. table 태그는 레이아웃 용도로 사용하지 않는다. html class 네임은 kebab-case를 주로 사용한다. CSS 상대단위인 em은 해당 단위가 사용되고 있는 요소의 font-size 속성값이 기준이고, rem은 최상위 요소(root, 즉 html) font-size 속성값이 기준이다. CSS 선택자를 쉼표로 연결하면 여러..
[HTML] 태그(tag)의 역할과 사용방법
제목(Heading) - Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 제목을 나타내는 태그이다. ~ 숫자는 크기와 우선순위를 나타낸다. block 속성을 가지므로 단독적인 강조 표현이 가능하다. 컨텐츠들의 영역을 구분하는 기준점으로 사용할 수 있다. 검색엔진에 의해 수집되기 때문에 제목은 꼭 태그를 사용해 주는 것이 좋다. 서식(Text Formatting) - 굵은 텍스트 - 중요한 텍스트 - 기울임꼴 텍스트 - 강조된 텍스트 - 표시된 텍스트 - 더 작은 텍스트 - 삭제된 텍스트 - 삽입된 텍스트 - 아래 첨자 텍스트 - 위 첨자 텍스트 Inline 속성을 갖는 문자 포맷 관련 태그들은 고유의 기능을 부여하기 위해 자주 사용되기도 하지만 ..
[HTML] HTML이란?
HTML이란? HTML (Hypertext Markup Language, 하이퍼텍스트 마크업 언어) 하이퍼텍스트 : 연결된 문서 마크업 : 표기, 표현, 작성, 제작 웹페이지를 만들기 위한 표준 마크업 언어이다. 연산을 할 수 없기 때문에 프로그래밍 언어라고는 볼 수 없다. HTML 태그 // 시작 태그 // 종료 태그 HTML 태그는 태그 이름은 꺽쇠 괄호()로 감싸서 표현한다. 보통 시작 태그(start tag)와 종료 태그(end tag)의 한 쌍으로 구성된다. 태그에 따라 시작 태그만 있고 종료 태그가 없는 태그도 있다. 태그는 반드시 자기 영역을 가지고 있다. 태그를 사용하지 않고 띄어쓰기나 줄 나누기를 하면 웹 브라우저를 통해 나타나는 화면에는 아무 영향을 주지 못한다. 모든 태그는 미리 정의..
[TIL] HTML 복습
국비 수업 첫날, 여러 사정으로 첫 수업부터 비대면으로 진행하게 되었다. 8시간은 생각보다 더 빡세다.. 오늘은 수업에서 HTML 부분 진도를 나갔다. 이미 내용을 알고 있는 사람들은 다른 걸 하라고 추천해주셨지만 '내가 과연 HTML을 다 알고 있나?' 하는 의심이 들어서 복습하는 마음으로 수업을 듣기로 했다. 2022.03.15 - [HTML] - [HTML] HTML이란? 2022.03.15 - [HTML] - [HTML] 태그(tag)의 역할과 사용방법 시멘틱 태그란 마크업 대상 컨텐트가 화면에 표현되는 방식을 결정하기 위함이 아닌, 해당 컨텐트에 어떤 의미(역할 또는 목적)를 부여하기 위해서 사용되는 태그이다. (출처:https://www.daleseo.com/html-semantic-marku..
[TIL] 시작
네이버 블로그를 하다가 티스토리도 써보고 싶어서 이쪽으로 넘어왔다. 새로 시작하는 마음으로 하루하루 공부한 내용을 정리해보려 한다. 오늘은! 생활코딩 JAVA - 제어문 강의를 들었다. == vs equls 메소드의 차이점에 대해 공부했다. 변수가 메모리 구역에 할당된다는 개념이 아직은 생소하다. 데이터 타입에 대한 공부도 더 필요할 것 같다. 2022.03.13 - [Java] - [Java] == vs equals 백준 알고리즘 문제풀이를 시작했다. Javascript로만 풀어봤던 알고리즘 문제를 Java로 도전해보았다. 초반엔 제출형식을 몰라서 여러번 에러가 났지만.. 일단 시작했으니 꾸준히 하는 것이 목표! 그리고 언제나 좋은 코드가 무엇인지 고민할 것. 2022.03.13 - [Algorithm..