2.19 Join : Log In HTML 이번 파트에서는 Join.pug , Login.pug, partials/socialLogin.pug를 만들 것이다. 시작하기 전에 계획을 세워보자. README.md 수정함 home 화면에 .videos를 추가하고, 그 안에 h1 태그에 Video 텍스트로 추가한다. extends layouts/main block content .videos h1 Video ↑ home.pug video 부분은 mongoDB(데이터베이스) 부분 들어가기 전까지는 그냥 테스트 느낌으로 가짜로 두기만 한다. Join.pug 작성하기 extends layouts/main block content .form-container form(action=routes.join, method="..

2.18 Search Controller partials/header.pug에서 Search 검색창 만들기 partials/header 파일을 조금 바꾸겠다. 칼럼을 하나 더 추가하고, 여기에 form을 하나 추가한다. action은 routes_search으로, method는 get으로 한다. url에 입력한 내용을 보고 싶기 때문에 get으로 한다. header.header .header__column a(href=routes.home) i.fab.fa-youtube .header__column form(action=routes.search, method="get") input(type="text", placeholder="Search by term...") .header__column ul li a..

스택(Stack) LIFO(Last In, First Out) 나중에 들어온 데이터가 먼저 나가는 형식의 자료구조 입구와 출구가 동일한 형태로 스택을 시각화할 수 있음. 대표적인 예시 : 박스 쌓기, 햄버거놀이, 실행취소(ctrl+z) 스택의 구현 방법 1차원배열: 구현이 상대적으로 쉬우나 인풋 사이즈를 미리 알아야 함 리스트: 구현이 상대적으로 어려우나 제한된 사이즈로부터 자유로움 주요 함수 및 프로퍼티 1) push : 데이터를 집어넣는 작업(뒤에서 부터 넣음) 2) pop : 데이터를 꺼내는 작업(뒤에서 부터 꺼냄) 3) peek : 맨 나중에 집어넣은 데이터를 확인 peek 4) top : 맨 나중에 집어넣은 데이터의 위치를 확인 5) size : 총 스택의 사이즈를 확인 6) clear : 스택..

2.17 Template Variables in Pug locals를 이용해 전역 범위에 변수를 추가하는 방법을 배웠다. 한 템플릿에만 변수를 추가하려면 어떻게 해야 할까? 템플릿마다 다른 정보를 가질 수도 있을 테니까. 어떤 템플릿에는 비디오, 다른 템플릿에는 사용자, 이렇게 다를 수 있다. (siteName의 경우, 어떤 페이지는 join, login,users,videos 이런식으로 이름이 달라질 것이다.) doctype html html head link(rel="stylesheet", href="https://use.fontawesome.com/releases/v5.15.2/css/all.css", integrity="sha384-vSIIfh2YWi9wW0r9iZe7RJPrKwp6bG+s9QZM..

2-2 [구현 - 시뮬레이션과 완전 탐색] 문제 풀이 시각 문제 설명 정수 N이 입력되면 00시 00분 00초부터 N시 59분 59초까지의 모든 시간중에서 3이 하나라도 포함되는 모든 경우의 수를 구하는 프로그램을 작성하시오. 예를 들어 1을 입력했을 때 다음은 3이 하나라도 포함되어 있으므로 세어야 하는 시각임. 00시 00분 03초 00시 13분 30초 반면에 다음은 3이 하나도 포함되어 있지 않으므로 세면 안 되는 시각임 00시 02분 55초 01시 27분 45초 문제 조건 문제 해결 아이디어 이 문제는 가능한 모든 시각의 경우를 하나씩 모두 세서 풀 수 있는 문제임 하루는 86,400초이므로, 00시00분00초부터 23시 59분 59초까지의 모든 경우는 86,400가지임. 따라서 단순히 시각을 1..

2-2. [구현 - 시뮬레이션과 완전 탐색] 개요 구현: 머릿속에 있는 알고리즘을 소스코드로 바꾸는 과정 모든 알고리즘이 구현을 해야하는 문제이지만 보통 알고리즘 문제에서 구현 문제라고 한다면 어렵거나 구현에 초점을 맞춰진 유형이 있다고 보면 된다. 흔히 알고리즘 대회에서 구현 유형의 문제란 무엇을 의미할까? 풀이를 떠올리는 것은 쉽지만 소스코드로 옮기기 어려운 문제 구현 유형의 예시 알고리즘은 간단한데 코드가 지나칠 만큼 길어지는 문제 -> 이것은 자신이 사용하는 언어에 따라 달라질 수 있음 실수 연산을 다루고, 특정 소수점 자리까지 출력해야 하는 문제 문자열을 특정한 기준에 따라서 끊어 처리해야 하는 문제 적절한 라이브러리를 찾아서 사용해야 하는 문제 이 강의에서는 구현 문제를 시뮬레이션과 완전탐색에..