목록전체 글 (246)

영벨롭 개발 일지

[HTML]기본 문서 구조 살펴보기

오늘은 HTML의 기본 문서 구조에 대해 살펴보겠습니다. VS Code에서 html 파일을 열고 ! + tab 키를 누르면 다음과 같이 자동으로 html 기본 구조가 생성됩니다. 위 코드를 보시면 크게 , ... , , ... 태그를 보실 수 있습니다. 자 이제 각 태그를 자세히 알아보겠습니다. 1. 태그는 문서 유형을 정의하는 태그입니다. 웹 브라우저에게 어떤 문서와 어떤 방식으로 페이지를 이해하면 되는지를 알려주는 용도입니다. 2. ... 문서 유형을 지정한 후, HTML 문서의 시작과 끝을 웹 브라우저에게 알려주는 역할을 합니다. 즉, 문서의 전체 범위를 나타냅니다. 태그에서는 lang이라는 속성을 사용하여 문서에서 사용할 언어를 지정할 수 있습니다. 예를 들어 이면 한국어를 사용하겠다는 뜻입니다...
Front-end/HTML & CSS 2022. 3. 10. 21:38
[HTML]웹 이미지 종류 살펴보기

웹 이미지에는 비트맵과 벡터, 크게 두 가지 종류가 있습니다. 오늘은 웹 이미지의 각 특성을 살펴보고 어떤 상황에 어떤 이미지가 적절한지 공부해볼게요! 1. 비트맵(Bitmap, Raster): jpg(jpeg), gif, png, webp 먼저 비트맵 이미지 입니다. Raster라고도 불리는 비트맵 이미지는 픽셀이 모여 만들어진 정보의 집합입니다. 특징 정교하고 다양한 색상을 자연스럽게 표현 가능 확대/축소 시 계단 현상 발생 -> 품질 저하 사진, 인물, 또는 그림에 적합 그 종류에는 jpg, gif, png, webp 정도가 있습니다. 하나씩 살펴보겠습니다. (1) JPG(JPEG) JPG는 full-color와 gray-scale의 압축을 위해 만들어졌으며, 압축률이 훌륭해 사진이나 예술 분야에서..
Front-end/HTML & CSS 2022. 3. 10. 20:50
[백준 BOJ][C++]11057번 오르막 수 풀이: DP

https://www.acmicpc.net/problem/11057 11057번: 오르막 수 오르막 수는 수의 자리가 오름차순을 이루는 수를 말한다. 이때, 인접한 수가 같아도 오름차순으로 친다. 예를 들어, 2234와 3678, 11119는 오르막 수이지만, 2232, 3676, 91111은 오르막 수가 아니다. 수 www.acmicpc.net 이 문제는 Dynamic Programming, DP로 해결할 수 있습니다. dp[i][j] = 숫자 i로 시작하는 j 자리 오르막 수의 개수 (i: 0~9, j: 1~N) 초깃값은 dp[0][1] 부터 dp[9][1]은 전부 1이 되겠죠? dp[0][2] 는 어떻게 될까요 가능한 수가 00, 01, 02, 03, 04, 05, 06, 07, 08, 09 총 1..
알고리즘 문제 풀이/BOJ 2022. 3. 10. 16:42
[백준 BOJ][C++]1149번 RGB 거리 풀이: DP

https://www.acmicpc.net/problem/1149 1149번: RGB거리 첫째 줄에 집의 수 N(2 ≤ N ≤ 1,000)이 주어진다. 둘째 줄부터 N개의 줄에는 각 집을 빨강, 초록, 파랑으로 칠하는 비용이 1번 집부터 한 줄에 하나씩 주어진다. 집을 칠하는 비용은 1,000보다 작거나 www.acmicpc.net 이 문제는 Dynamic Programming, DP를 사용하여 해결할 수 있습니다. dp부터 설정합시다. 최소 비용으로 칠해야하기 때문에, dp를 최소비용으로 설정해나가야 합니다. dp[n][0] 은 n번째 집을 빨간색(R)로 칠했을 때의 1번째~n번째 집까지의 최소비용 dp[n][1] 은 n번째 집을 초록색(G)로 칠했을 때의 1번째~n번째 집까지의 최소비용 dp[n][2..
알고리즘 문제 풀이/BOJ 2022. 3. 10. 15:49
[HTML]VSCode에서 html, css, js 연결하기

오늘은 .css 파일과 .js파일을 .html 파일에 연결하는 방법에 대해 살펴볼게요 만약 우리가 .css와 .js 파일을 .html에 맞게 코드를 짰다고 칩시다. 그런데 파일을 만들기만 하고 .html에 연결을 하지 않으면 아무 쓸모 없게 되겠죠? 폴더를 생성하고 .html, .css, .js 파일들이 어떻게 연결되는지 차례대로 보겠습니다. 1. 폴더 생성 일단 원하는 장소에 폴더를 하나 생성해주세요. 저는 보통 바탕화면이나 문서에 생성한답니다~! 저는 바탕화면에 'temp'라는 폴더를 하나 생성했습니다. 2. VS Code에서 해당 폴더 열기 이제 VS Code를 열고 [파일] -> [폴더 열기] -> 해당 폴더 열기 을 순서대로 해주세요. 그럼 다음과 같이 VS Code가 세팅됩니다. 3. .htm..
Front-end/HTML & CSS 2022. 3. 9. 20:38
[프로그래머스][C++]Level 1 모의고사 풀이: 완전탐색

https://programmers.co.kr/learn/courses/30/lessons/42840 코딩테스트 연습 - 모의고사 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 programmers.co.kr [풀이 과정] 1. 수포자들이 찍는 수열을 person 벡터에 세팅 2. 정답의 개수만큼 정답과 수포자의 답과 비교 3. 같다면 맞춘 문제의 개수 correct 값 증가 4. 가장 많이 맞춘 개수를 maxnum에 저장 5. 모든 수포자들을 탐색할 때까지 2~4과정 반복 6. correct 벡터의 원소 중 maxnum과 같은 원소가 있다면 answer에 index..
알고리즘 문제 풀이/프로그래머스 2022. 3. 9. 18:08
이전 Prev 1 ··· 30 31 32 33 34 35 36 ··· 41 Next 다음