오늘의 개발
[CSS] CSS의 기본 속성(property)
색상(Colors) CSS에서 색을 표현하는 방법은 3가지다. 색상 이름 HEX code(16진수 색상값) RGBA(RGB 색상값, alpha는 투명도) Hello World Hello World Hello World 배경(Backgrounds) HTML 요소는 모두 Box Model을 기반으로 각자의 배경을 가진다. background 속성을 이용하면 이러한 각 요소에 다양한 효과를 줄 수 있다. 속성 설명 background 모든 background 속성을 이용한 스타일을 한 줄에 설정할 수 있음. background-color HTML 요소의 배경색을 설정함. background-image HTML 요소의 배경 이미지를 설정함. background-repeat 설정된 배경 이미지의 반복 유무를 설정..
[CSS] CSS의 다양한 선택자(selector)
1. 단일 선택자(simple selector) 선택자(selector)가 지정하는 요소(element) 혹은 개체(node)가 단일임을 지칭한다. 단일 선택자라 할지라도 적용 받는 태그의 수는 여러개일 수 있다. 태그 선택자(element selector) HTML 요소의 이름을 직접 사용하여 선택한다. p { color: red; text-align: center; } /* 페이지의 모든 요소는 빨간색 텍스트 색상으로 가운데 정렬된다. */ id 선택자(id selector) 특정 id 속성을 가진 HTML요소를 선택한다. (중복된 id 속성은 선택자 사용에 혼란을 줄 수 있으므로 지양한다.) #para1 { text-align: center; color: red; } /* id="para1"인 모든..
[CSS] CSS란?
CSS란? CSS (Cascading Style Sheets) CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어이다. 오로지 디자인을 위한 언어이기 때문에 HTML을 이용하여 스타일 작업을 하는 것보다 훨씬 효율적이고, 유지보수에 용이하다. CSS 문법 /* 예시 */ p { color: red; text-align: center; } 예시) 모든 요소는 빨간색 텍스트 색상으로 가운데 정렬된다. CSS 선택자 스타일 작업은 문서의 상단부터 하단 순서로 적용되기 때문에 선택자의 활용을 어떻게 하느냐에 따라 코드의 효율성이 달라진다. 스타일을 적용할 HTML 요소를 가리키는 선택자(selector)는 다음과 같다. 단일 선택자(태그 선택자, class 선택자..
[TIL] CSS 선택자
✍ Today I Learned CSS의 결합 선택자, 의사 선택자 등 선택자에 대해 자세히 알게 되었다. 매번 감으로 썼었는데..! 사용 기호 명칭 설명 , 그룹 선택자 여러 선택자 같이 사용 (공백) 자손 선택자 해당 요소의 하위 요소 중에서 특정 타입의 요소를 모두 선택 > 자식 선택자 해당 요소의 바로 밑에 존재하는 하위 요소 중에서 특정 타입의 요소를 모두 선택 태그.클래스 특정 class 속성을 가진 요소 중 특정 HTML 요소만 클래스의 영향을 받도록 지정 :nth-child() 의사 선택자 모든 자식(child) 요소 중에서 앞에서부터 n번째에 위치하는 자식(child) 요소를 모두 선택 :not(선택자) 의사 선택자 모든 선택자와 함께 사용할 수 있으며, 해당 선택자를 반대로 적용함 [속..
[Java/백준] 개 #10172
문제 풀이 저번 고양이 문제처럼 이스케이프 문자(escape chracter)를 이용하여 출력하는 문제이다. class Main { public static void main(String[] args) { System.out.println("|\\_/|\n|q p| /}\n( 0 )\"\"\"\\\n|\"^\"` |\n||_/=\\\\__|"); } } 이렇게 제출했더니 컴파일 에러가 떴다. 엥? 나 제대로 적었는데? 아 C++로 제출했구나🤣 다시 JAVA11 로 제출해서 성공~
[TIL] HTML 실습
✍ Today I Learned 회원가입, 로그인, 비밀번호 찾기, 아이디 찾기 페이지 마크업 작업을 진행했다. html 마크업 작업을 할 때는 보이는 그대로 만들자 화면에 나타나는 요소들 먼저 작업하고 기능은 이후에 작업 '이 정도는 알지~' 생각했는데 내가 아는 건 진짜 아는 게 아니었다😂 닷홈(https://www.dothome.co.kr/)의 무료 웹호스팅 서비스를 이용하여 내가 만든 예제 파일들을 내 도메인에 서비스했다.
[Java/백준] 고양이 #10171
문제 풀이 이스케이프 문자(escape chracter)를 이용하여 화면에 원하는 그림을 출력하는 문제이다. class Main { public static void main(String[] args) { System.out.println("\\ /\\\n ) ( \')\n( / )\n \\(__)|"); } } 간단하게 성공! 하는 김에 이스케이프 문자를 정리해보았다! \\역슬래시 \'홑따옴표 출력 \"쌍따옴표 출력 \n줄바꿈 \t탭(일정한 간격) \b커서를 한 문자 앞으로(백스페이스) \r줄의 맨 처음으로(캐리지 리턴) \0빈 칸(null) 10171번: 고양이 아래 예제와 같이 고양이를 출력하시오. www.acmicpc.net
[HTML] form, input 태그의 모든 것
form 요소 태그 사용자로부터 입력받고, 입력받은 데이터를 서버로 보낼 수 있다. action 속성은 입력받은 데이터를 처리할 url, 파일위치, 특정 주소값등을 명시한다. method 속성은 데이터 전송 방식을 명시한다. GET방식과 POST 방식이 있다. method 속성이 생략되거나 빈 값이면 GET 방식으로 설정된다. 요소 요소 설명 다양한 타입의 input 요소를 활용하여 사용자로부터 입력을 받을 수 있다. 여러 form 요소에 대한 타이틀 역할로 label을 정의한다. 드롭다운 목록 여러 줄 입력 클릭 가능한 버튼 input 요소 유형(type) 유형(type) 설명 한 줄 텍스트 입력 비밀번호