분류 전체보기

[HTML&CSS]HTML 태그 class와 id의 차이

class와 id의 차이 id - id는 유일 -> 그 파일에서 뭐 얘만 바꾸고 싶다? 유일하다? -> id - 그래서 id는 보통 개발쪽으로 많이 씀 - #은 id class - class는 중복 가능 -> 그 파일에서 공통적으로 뭔가 바꾸고 싶다? -> class - 그래서 class는 보통 디자인쪽으로 많이 씀 - .은 클래스 css를 임베디드나 링크 방식으로 선언할 때도 #태그이름 or .태그이름 이렇게 씀 Emmet 쓸 때도 #랑 . 이용하면 편하게 사용 가능하긴 함

[HTML&CSS]CSS 선언 방식들과 우선 순위

CSS 선언 방식들과 우선 순위 1. 인라인 스타일 시트 - 해당 HTML 태그 안에 style이라는 속성을 이용해서 선언 HELLO 2. 내부(임베디드, Embedded) 스타일 시트 - 태그 안에 태그를 사용하여 선언 - 해당 html 파일 안에서만 사용 가능 3. 외부(링크, Link) 스타일 시트 - 별도의 .css 파일을 외부에서 만들어서 그 파일을 html 파일의 태그 안에 태그를 이용하여 선언 - 작업하는 html 파일이 많거나, 공통적으로 사용하는 css에 관해서는 이 방식으로 많이 처리한다고 함 우선 순위 - 인라인, 내부, 외부 순으로 우선 순위가 낮아짐 -> 인라인 스타일 시트의 우선 순위가 제일 높음!

[백준]2578번 빙고 - Java

문제 https://www.acmicpc.net/problem/2578 2578번: 빙고 첫째 줄부터 다섯째 줄까지 빙고판에 쓰여진 수가 가장 위 가로줄부터 차례대로 한 줄에 다섯 개씩 빈 칸을 사이에 두고 주어진다. 여섯째 줄부터 열째 줄까지 사회자가 부르는 수가 차례대로 www.acmicpc.net 풀이 for문 안에서 인덱싱에 주의하면서 각 행마다, 각 열마다, 대각선 2개까지 빙고를 체크해주면 됨 주의할 점은 사회자가 부르는 수로 인해서 한번에 빙고가 2개가 생기는 경우가 있을 수도 있기 때문에 마지막에 bingoCount == 3 이 아닌 bingoCount >= 3 으로 해줘야함! 코드 // 2578번 빙고 // https://www.acmicpc.net/problem/2578 package ..

[HTML&CSS]HTML Emmet 사용법

Emmet이란??? 강력한 자동완성 기능 등으로 HTML 작성 속도를 크게 향상시켜주는 플러그인 VSCode에 자동 내장 설치되어 있음 걍 VSCode에서 쓰면 됨! 개꿀임 Emmet Docs임 https://docs.emmet.io/abbreviations/syntax/ Abbreviations Syntax Abbreviations Syntax Emmet uses syntax similar to CSS selectors for describing elements’ positions inside generated tree and elements’ attributes. Elements You can use elements’ names like div or p to generate HTML tags. Emm..

[백준]10431번 줄세우기 - Java

문제 https://www.acmicpc.net/problem/10431 10431번: 줄세우기 초등학교 선생님 강산이는 아이들을 데리고 단체로 어떤 일을 할 때 불편함이 없도록 새로 반에 배정받은 아이들에게 키 순서대로 번호를 부여한다. 번호를 부여할 땐 키가 가장 작은 아이가 1 www.acmicpc.net 풀이 문제 잘 읽고 구현하면 됨! 아마 ArrayList나 List 등을 이용하여 많이들 구현할 것 같은데 그렇게 할 경우 애들을 줄 세울 때 어디에 세워야하는지가 조금 헷갈릴 수도 있으니 주의할 것! 자세한건 주석에 있음 코드 // 10431번 줄세우기 // https://www.acmicpc.net/problem/10431 package BAEKJOON; import java.io.Buffer..

[백준]1091번 카드 섞기 - Java

문제 https://www.acmicpc.net/problem/1091 1091번: 카드 섞기 지민이는 카지노의 딜러이고, 지금 3명의 플레이어(0, 1, 2)가 있다. 이 게임은 N개의 카드를 이용한다. (0 ~ N-1번) 일단 지민이는 카드를 몇 번 섞은 다음에, 그것을 플레이어들에게 나누어 준다. 0 www.acmicpc.net 풀이 문제를 처음 읽었을 때는 뭔소린지 모르겠었는데 몇번 더 읽다보니까 이해를 했음 문제에서 주어진 순서대로 카드를 섞고 섞을 때마다 정답과 비교해서 정답과 같은 순서로 카드가 섞였다면 그때의 count를 출력하면 됨 내 생각에 포인트는 언제 -1을 출력해야 되냐 인 듯??? 계속해서 섞다가 한번도 섞지 않았을 때(초기 상태)와 같은 순서로 카드가 나왔을 경우를 생각해보면,..

[백준]1018번 체스판 다시 칠하기 - Java

문제 https://www.acmicpc.net/problem/1018 1018번: 체스판 다시 칠하기 첫째 줄에 N과 M이 주어진다. N과 M은 8보다 크거나 같고, 50보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에는 보드의 각 행의 상태가 주어진다. B는 검은색이며, W는 흰색이다. www.acmicpc.net 풀이 왼쪽 위가 흰색으로 시작하는 체스판, 검은색으로 시작하는 체스판. static char[][] answer1 = new char[][]{ {'B', 'W', 'B', 'W', 'B', 'W', 'B', 'W'}, {'W', 'B', 'W', 'B', 'W', 'B', 'W', 'B'}, {'B', 'W', 'B', 'W', 'B', 'W', 'B', 'W'}, {'W', 'B',..

[HTML&CSS]VSCode에서 설치하면 좋은 개꿀 Extensions

Extensions 추가 설치 1. Korean Language 뭐시기뭐시기,, 한글판 메뉴 설치 후 restart 해야됨 2. Material Theme 테마 설정 가능 입맛에 맞게 밝게 어둡게 쌉가능 3. Live Server 로컬 서버 변경 자동 반영 vscode에서 수정하고 저장하면 바로 서버에 반영됨 개인적으로 개꿀인듯??? 4. Prettier - Code formatter 소스코드 형식에 맞게 자동 이것도 개꿀 5. Bracket Pair Colorizer 괄호에 칼라(가독성) 또 개꿀 6. Indent Rainbow 들여쓰기별 색상 지정(가독성) 이것도 없으면 섭섭함 7. Auto Rename Tag 시작 태그 변경시 종료태그 자동 변경 이것도 개꿀이네 8. CSS Peek html에서 c..