기본 선택자

전체 선택자 스타일을 문서의 모든 요서에 적용할 때 사용함. 표시할 때는 별표(*)로 표시함 * { 속성: 값; } 마진과 패딩 : 브라우저 창에 바짝 붙지 않도록 문서 내용과 부라우저 테두리 사이에 여백을 약간 두는 것. 타입 선택자(요소 선택자) 특정 태그를 사용한 모든 요소에 스타일을 적용함. 태그명 { 스타일 규칙 } 클래스 선택자 특정 부분만 선택해서 스타일을 적용함. .클래스명 { 스타일 규칙 } 클래스 스타일 : 클래스 선택자를 사용해 만든 스타일 이미 만들어둔 스타일을 적용할 때는 태그 안에 class="클래스명" 입력 하나의 요소의 두개 이상의 클래스 적용도 가능함. // 앞에 이미 .accent .bg라는 클래스가 선언이 되었다고 가정 내용입력 // 클래스가 적용이 되었음. id선택자 ..

• format_list_bulleted Frontend/CSS
• · 2022. 11. 25.
• textsms

스타일과 스타일 시트

스타일 형식 선택자 { 속성1: 속성값1; 속성2: 속성값2; } 스타일의 주석 표시 /* 내용을 입력 */ 소스 경량화 CSS소스는 네트워크를 이용해 파일로 내려받으므로 되도록이면 파일 크기가 작은 것이 좋음. 경량화 프로그램이 존재 하므로 사요아면 됨. (cssminifier.com) 스타일 시트 알아보기 스타일 시트 브라우저 기본 스타일 사용자 스타일 인라인 스타일 내부 스타일 시트 외부 스타일 시트 인라인 스타일 브라우저의 기본 스타일이라고 함. 우리가 HTML 태그를 작성하고 바로 보는 화면을 말함 적용하는 방법 내용을 입력 내부 스타일 시트 스타일을 여로 곳에 적용할 때 쓰는 내부 스타일 시트 내용 // 내용에 style이 적용됨. . . . 외부 스타일 시트 사용할 스타일을 별도 파일로 저장..

• format_list_bulleted Frontend/CSS
• · 2022. 11. 25.
• textsms

HTML 태그 총 정리

백엔드를 하면서 프로트엔드에 대한 이해도를 높이고자 HTML, CSS, JavaScript를 정리되어 있는 책을 읽고 있다. HTML은 태크에 대한 정리만 잘 해두면 다음에도 쓰는데는 무리가 없을 것이라고 생각하여 정리 해본다. 텍스트 관련 태그 종류 설명 (h1,h2,h3....) 제목. ~까지 사용할 수 있으며 숫자가 커질수록 글자 크기는 작아집니다. 텍스트 단락. 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄 바꿉니다. 줄바꿈. 텍스트 단락 중 원하는 위치에서 줄 바꿉니다. 내용 인용. 다른 보다 들여 쓰고 단락으로 표시합니다. 중요한 텍스를 굵게 표시, 화면 낭독기에서 강조해서 읽어 줍니다. 중요하지는 않지만 굵게 표시합니다. 중요한 텍스트를 기울게 표시(문장), 화면 낭독기에서 강조해서..

• format_list_bulleted Frontend/HTML
• · 2022. 11. 25.
• textsms

특정 문자 제거하기

1. 문제 2. 나의 생각 replace를 사용하여 입력받은 letter 참조변수를 찾아서 ""으로 변경하는 것으로 접근. class Solution { public String solution(String my_string, String letter) { String result; result = my_string.replaceAll(letter, ""); return result; } } 3. 공부한 부분 처음에는 replaceAll에 대한 기능을 잘 모르고 있었다. 그래서 replace를 한번 하고 나니 여러개로 같은 문자가 입력 되었을 때 처리가 되지 않았다. 그에 대한 답을 replaceAll로 해결했다. public class Example { public static String replac..

• format_list_bulleted Programmers 문제풀이/Lv.0
• · 2022. 11. 23.
• textsms

삼각형의 완성조건(1)

1.문제 2. 나의 생각 문제에서 세개의 수에서 가장 큰 수가 앞에 있는 두 수의 합보다 크면 삼각형이 될 수 없다고 한다. 그럼 간단하게 정렬을 한 뒤 마지막 인덱스 배열에 있는 값과 나머지 배열인덱스 값을 더해서 비교하면 된다고 생각하고 접근 했다. import java.util.Arrays; class Solution { public int solution(int[] sides) { Arrays.sort(sides); return sides[2] < sides[0]+sides[1] ? 1 : 2 ; } }

• format_list_bulleted Programmers 문제풀이/Lv.0
• · 2022. 11. 23.
• textsms

배열 두배 만들기

1. 문제 2. 나의 생각 for문을 돌려 numbers 배열에 하나 씩 *2 를 해주는 방식으로 접근했으나, 음수 때문에 답이 나오지 않았다. 그래서 음수 있때 -1을 한번 더 곱해주도록 삼항연산자를 넣었고 값이 프로그래머스에서 원하는 값이 아니라고 하여 마지막에 +1를 해줬다. 왜 이렇게 나오는지는 모르겠으나 답을 맞추기 위해 추가 한 부분이니 참고하면 될 듯 하다. class Solution { public int[] solution(int[] numbers) { for(int i = 0 ; i 0) ? numbers[i]* 2 : (numbers[i]* 2)-1+1; } return numbers; } ..

• format_list_bulleted Programmers 문제풀이/Lv.0
• · 2022. 11. 23.
• textsms