본문 바로가기

분류 전체보기144

[HTML&CSS] 웹사이트 레이아웃 박스 모델 margin과 padding의 차이 - 각 요소 간 border 간격을 margin, border와 요소 간 간격(콘텐츠 안쪽 여백)을 padding 예시) .margin-left: border 바깥쪽에서 왼쪽에 여백을 만듦 .padding-left: border 안쪽에서 왼쪽에 여백을 만듦 top, right, bottom, left 여백을 만들 수 있다 top right bottom left 순서로 한 줄에 작성 가능 (시계 방향) 태그가 대표적 줄 바꿈 현상 공간 만들기 가능 (width, height 값 사용 가능) 상하 배치 작업 가능 (margin, padding 값 사용 가능) Inline 요소의 특징 줄 바꿈 현상 없음 width/height 값 적용 불가 margin /padd.. 2022. 4. 5.
[CSS] CSS 개념 및 구성 요소 CSS란? CSS는 Cascading Style Sheet의 약자로, HTML로 작성된 정보를 꾸며주는 언어이다. CSS 구성 요소 선택자 { 속성 : 속성값; } - 선택자: 디자인을 적용할 HTML 영역 - 속성: 어떤 디자인을 적용할지 정의 - 속성 값: 어떤 역할을 수행할지 구체적으로 명령 CSS 속성 (Property) h1 { font-size: 10px; /* 폰트 사이즈 */ font-family: sans-serif; /* 글꼴 */ color: blue; /* 폰트 색깔 */ background-color: pink; /* 배경색 */ text-align: center; /* 텍스트 정렬 */ } CSS 연동 방법 Inline Style Sheet Internal Style Sheet .. 2022. 4. 5.
[HTML] HTML 기본 구조 및 태그 HTML이란? Hyper Text Markup Language의 약자로, 웹사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어이다. 웹 구성 요소 HTML - 정보 또는 설계도 CSS - 디자인 또는 스타일링 JS - 기능과 효과 (슬라이드 or 팝업 효과 등) 웹사이트 제작 시 고려사항 1. 웹표준 - 웹사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격 2. 웹 접근성 - 장애 여부와 상관없이 모두가 웹사이트를 이용할 수 있게 하는 방식 3. 크로스 브라우징 - 모든 브라우저 또는 기기에서 사이트가 제대로 작동하도록 하는 기법 HTML 태그 기본 구조 컨텐츠 태그명 : HTML이 갖고 있는 고유 기능 콘텐츠 : 열린 태그, 닫힌태그 사이 내용물 속성 : HTML 태그가 갖고 있는.. 2022. 4. 5.
[Java 자바] 프로그래머스> Lv.2 타겟 넘버 https://programmers.co.kr/learn/courses/30/lessons/43165?language=java 코딩테스트 연습 - 타겟 넘버 n개의 음이 아닌 정수들이 있습니다. 이 정수들을 순서를 바꾸지 않고 적절히 더하거나 빼서 타겟 넘버를 만들려고 합니다. 예를 들어 [1, 1, 1, 1, 1]로 숫자 3을 만들려면 다음 다섯 방법을 쓸 수 programmers.co.kr 문제 설명 n개의 음이 아닌 정수들이 있습니다. 이 정수들을 순서를 바꾸지 않고 적절히 더하거나 빼서 타겟 넘버를 만들려고 합니다. 예를 들어 [1, 1, 1, 1, 1]로 숫자 3을 만들려면 다음 다섯 방법을 쓸 수 있습니다. -1+1+1+1+1 = 3 +1-1+1+1+1 = 3 +1+1-1+1+1 = 3 +1+.. 2022. 3. 17.
[Java 자바] 프로그래머스 > Lv.2 조이스틱 https://programmers.co.kr/learn/courses/30/lessons/42860 코딩테스트 연습 - 조이스틱 조이스틱으로 알파벳 이름을 완성하세요. 맨 처음엔 A로만 이루어져 있습니다. ex) 완성해야 하는 이름이 세 글자면 AAA, 네 글자면 AAAA 조이스틱을 각 방향으로 움직이면 아래와 같습니다. ▲ - 다 programmers.co.kr 문제 설명 조이스틱으로 알파벳 이름을 완성하세요. 맨 처음엔 A로만 이루어져 있습니다. ex) 완성해야 하는 이름이 세 글자면 AAA, 네 글자면 AAAA 조이스틱을 각 방향으로 움직이면 아래와 같습니다. ▲ - 다음 알파벳 ▼ - 이전 알파벳 (A에서 아래쪽으로 이동하면 Z로) ◀ - 커서를 왼쪽으로 이동 (첫 번째 위치에서 왼쪽으로 이동하.. 2022. 3. 15.
[Java 자바] 프로그래머스 > Lv.2 구명보트 https://programmers.co.kr/learn/courses/30/lessons/42885?language=java 코딩테스트 연습 - 구명보트 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 5 programmers.co.kr 문제 설명 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 50kg]이고 구명보트의 무게 제한이 100kg이라면 2번째 사람과 4번째 사람은 같이 탈 .. 2022. 3. 15.

티스토리툴바