0=2

1주차에 풀었던 HTML 예제와 같이 CSS도 예제 실습을 진행하였습니다.아래 링크에서 최하단의 Quiz를 직접 구현했습니다.실습 예제 모음 | CSS 프로그래밍 기초Quiz-1) 소스코드 설명 페이지 만들기코드html CSS Quiz-1 Department: Computer Engineering Student Name: Hong Kil Dong Student ID: 20191029 Example Hello World Lorem ipsum... Try it Yourself >> cssh1 { color: white; text-align: cen..

2주차에는 CSS 개념을 공부하고 퀴즈를 풀어보았습니다.퀴즈w3schools - CSS 퀴즈HTML 퀴즈에 비해 문제 수는 적었습니다. 난이도는 비슷한 것 같습니다.오답 풀이/* CSS 주석 */ text-transform: 대문자로 또는 소문자로 바꾸는 속성none : 입력된 그대로 출력합니다.capitalize : 단어의 첫 번째 글자를 대문자로 바꿉니다.uppercase : 모든 글자를 대문자로 바꿉니다.lowercase : 모든 글자를 소문자로 바꿉니다.initial : 기본값으로 설정합니다.inherit : 부모 요소의 속성값을 상속받습니다.  padding은 속성값으로 음수를 허용하지 않고, 설정을 무시하거나 초기 값 혹은 디폴트 값인 ‘0’으로 해석하기도 합니다. list-style 속성li..

HTML을 공부하고 처음으로 활용해보기 위해 간단한 실습을 진행했습니다.아래 링크에서 최하단의 Quiz를 직접 구현해보았습니다.실습 예제 모음 | HTML 프로그래밍 기초Quiz-1) 테이블 병합코드 1 2 3 4 5 6 7 8 결과Quiz-2) 가입 신청서 만들기코드 - 수정 전 ..

웹 프론트엔드 기초 스터디는 2023년 7 ~ 8월에 진행한 스터디로, 블로그 이사할 겸 이전에 타블로그에 작성했던 글을 옮겨왔습니다.프론트엔드 스터디를 시작하면서, w3schools라는 사이트에서 퀴즈를 풀어보기로 했습니다.w3schools는 프로그래밍 언어의 개념에 대한 퀴즈를 제공하고 있어서 기초 학습을 할 때 적합한 것 같습니다.퀴즈w3schools - HTML 퀴즈퀴즈는 시간 제한이 없고, 답안을 제출하고 나면 이렇게 결과가 나옵니다.틀린 문제가 많아서 비슷한 유형끼리 묶어서 풀이를 해 보았습니다.오답 풀이style 속성 style 속성의 속성값으로, background-color를 이용하면 배경 색상을 지정할 수 있습니다. See the Pen html 퀴즈 5 by 최영은 (@YOUNG3U..

문제https://www.acmicpc.net/problem/2002풀이🔍 접근차가 들어간 순서를 숫자로 나타내기A차가 다른 차를 추월했다는 것을 아는 방법(1) A의 들어갈 때 인덱스보다 나올 때 인덱스가 작으면 추월?       → 들어갈 때 인덱스가 A보다 큰 차들이 추월하면서, A의 나올 때 인덱스도 뒤로 밀릴 수 있으므로            A의 인덱스 비교만으로는 판단할 수 없다.(2) A보다 늦게 나온 차 중에서, A보다 들어갈 때 인덱스가 작은 차가 하나라도 있으면      A보다 먼저 들어왔는데 A보다 뒤에 나온 것이므로 A는 터널 안에서 추월을 했다고 판단한다.🔨 구현map을 이용해 차량 번호(key)와 들어간 순서(value)를 저장한다.vector에 나온 차의 차량 번호를 저장한..

문제https://school.programmers.co.kr/learn/courses/30/lessons/43162 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이💡 문제 접근한 컴퓨터와 연결된 다음 컴퓨터를 탐색하고, 그 다음 컴퓨터와 연결된 컴퓨터를 계속해서 탐색해 나간다.탐색 중 연결이 끊기면 하나의 네트워크가 완성된 것 = 네트워크 + 1💡 DFS, 재귀함수1번 컴퓨터와 연결되어 있는 컴퓨터를 탐색하기 위해 dfs 함수를 호출한다.1번 컴퓨터가 2번 컴퓨터와 연결되어 있는 것을 발견한다.2번 컴퓨터와 연결되어 있는 컴퓨터를 탐색하기 위해 df..

문제https://school.programmers.co.kr/learn/courses/30/lessons/42883 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이 💡 문제 접근k개의 수를 제거 = ( number.length() - k )개의 수를 뽑는 것가장 큰 수를 뽑는다.앞 자리가 클 수록 크다.1. 0번째 인덱스부터 k번째까지의 범위 내에서 가장 큰 수를 찾는다.2. 뽑은 수 (가장 큰 수)를 answer에 삽입하고 그 수의 인덱스를 저장한다.3. 뽑은 수의 인덱스 다음 인덱스부터 다시 가장 큰 수를 찾는다. 이때, 탐색 범위를 1 늘려준다. ..

문제https://school.programmers.co.kr/learn/courses/30/lessons/43165 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이💡 DFS, 재귀함수종료 조건: numbers 배열의 모든 수를 선택 완료다음 인덱스로 넘어가면서 + 또는 - 를 선택하여 연산한 값을 넘긴다. 코드#include #include using namespace std;int answer;void dfs(int idx, int sum, int target, vector &numbers) { if (idx == numbers.size()) {..

문제https://school.programmers.co.kr/learn/courses/30/lessons/49993 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이1️⃣ queue1. 알파벳 개수(26) 크기의 배열로 순서와 상관없는 스킬(true)과 선행 스킬이 필요한 스킬(false)을 표시한다.2. 스킬의 순서 비교를 위해 큐를 생성하여 skill 값을 할당한다.3. skill_trees 내의 문자열 탐색    (1) 선행 스킬이 필요없는 스킬은 무시한다.    (2) 선행 스킬이 필요한 스킬일 경우, 큐를 이용해 순서가 같은지 확인한다. (que..

문제https://school.programmers.co.kr/learn/courses/30/lessons/67256 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이 💡 규칙1, 4, 7: 왼손 3, 6, 9: 오른손2, 5, 8, 0: 거리 계산(더 가까운 쪽) 💡 거리 계산키 변환: *: 11 / 0: 12 / #: 13                                                  1   2   3            1     2     3                                              ..