전체 글 (37) 썸네일형 리스트형 position: fixed와 sticky fixed box를 스크롤 화면에서 지정된 위치(top, bottom, left, right)에 고정시킨다. (스크롤 시에 같이 이동한다.) sticky box를 부모 컨테이너 안에서 fixed와 같이 스크롤 화면에 고정시킨다. 스크롤이 컨테이너를 벗어나면 box는 이동을 멈춘다. HTML 삽입 미리보기할 수 없는 소스 sticky box를 스크롤 화면 바닥에 고정시키고 싶다면 box를 container 바닥에 위치시킨 후 bottom: 0;을 하면 된다. box-sizing과 box-shadow box-sizing content-box (default): content의 크기만 고려해 width와 height를 적용한다. border-box: margin, border, padding, content 모든 요소를 고려해 width와 height를 적용한다. box-sizing: content-box; width: 100%; border: solid #5B6DCD 10px; padding: 5px; 자식 컨테이너가 부모 컨테이너를 빠져나올 경우 box-sizing을 border-box로 설정해 해결할 수 있다. box-shadow box-shadow: inset 수평 거리: 그림자의 가로 위치를 나타낸다. 음수 값은 왼쪽으로, 양수 값은 오른쪽으로 이동한다. 수직거리: 그림자의 세로 위치를 나타낸.. string::find size_type find(const basic_string& str, size_type pos = 0) const; 문자열에서 str을 찾아 시작 위치를 반환한다. str를 찾지 못했을 경우 str::npos를 반환한다. npos는 size_t type이며 unsigned int의 최댓값이다 (4294967295, 2^32-1). 이것을 int로 변환하면 -1이 된다. 다음과 같이 활용할 수 있다. #include using namespace std; int N; int main() { cin >> N; int cnt = 0; int ans = 0; while (1) { ans++; string str = to_string(ans); if (str.find("666") != -1) { cnt++; if.. 1018번: 체스판 다시 칠하기 M x N 크기의 체스판의 각 칸은 B 또는 W로 채워져 있다. 이것을 8 x 8 크기로 B, W, B, W또는 W, B, W, B로 다시 칠하려고 할 때 고쳐야 하는 최소 칸의 개수를 구하는 문제 1. x, y 좌표 축 설정 n을 y축, m을 x축이라 하면 이차원 배열 board[n][m]은 다음과 같이 채울 수 있다. for (int y = 0; i > board[i][j]; } } 2. 특정 원소부터 시작해 8 x 8 크기에서 다시 칠해야 하는 칸의 개수를 구하는 함수 다음 이차원 배열의 성질을 이용해 체스판의 특정 칸에 접근할 수 있다. 첫 칸이 W인 경우와 B인 경우의 값을 구하기 위해 매개변수 c를 사용한다. .. Router의 개념과 Route Parameter Router란? 웹은 클라이언트의 요청(request)에 대한 서버의 응답(response)를 브라우저에 표시하는 방식으로 동작한다. 클라이언트가 /videos/watch에 접속한다면 해당 경로에 대한 클라이언트의 request와 서버의 response를 관리하는 controller를 실행해야한다. express 객체 app을 생성 후 클라이언트의 모든 request 방법에 대한 controller를 지정할 수 있다. import express from "express"; const app = express(); app.get("/", getHome); app.get("/login", getLogin); app.get("videos/upload", getVideoUpload); app.post("vide.. 이전 1 2 3 4 5 다음
