본문 바로가기
반응형

분류 전체보기600

[백준] 5014번 : 스타트링크 (골드Ⅴ) by node.js ▷ 문제 : 5014번 - 스타트링크 5014번: 스타트링크 첫째 줄에 F, S, G, U, D가 주어진다. (1 ≤ S, G ≤ F ≤ 1000000, 0 ≤ U, D ≤ 1000000) 건물은 1층부터 시작하고, 가장 높은 층은 F층이다. www.acmicpc.net ▷ 해결 날짜 : 2022.07.06 ▷ 소요 시간 : 25분 ▷ 풀이 과정 : 문제를 요약하면 아래와 같다. F, S, G, U, D 이렇게 다섯 개가 주어지고 범위는 (1 ≤ S, G ≤ F ≤ 1000000, 0 ≤ U, D ≤ 1000000) 건물은 1층부터 시작하고, 가장 높은 층은 F층이다. 현재 위치는 S이며, U버튼을 눌러서 위로, D 버튼을 눌러 아래로 갈 수 있다. 그렇게 해서 G층에 도달할 때 버튼을 몇 번 눌러서 도.. 2022. 7. 6.
[백준] 1697번 : 숨바꼭질 (실버Ⅰ) by node.js ▷ 문제 : 1697번 - 숨바꼭질 1697번: 숨바꼭질 수빈이는 동생과 숨바꼭질을 하고 있다. 수빈이는 현재 점 N(0 ≤ N ≤ 100,000)에 있고, 동생은 점 K(0 ≤ K ≤ 100,000)에 있다. 수빈이는 걷거나 순간이동을 할 수 있다. 만약, 수빈이의 위치가 X일 www.acmicpc.net ▷ 해결 날짜 : 2022.07.03 ▷ 소요 시간 : 1시간 ▷ 풀이 과정 : 숨바꼭질을 할 때 술래는 걸어서 (X - 1, X + 1) 만큼 이동할 수 있고 순간이동을 하여 (X * 2) 만큼 이동할 수 있다고 한다. 여기서 술래(수빈이) 와 동생이 숨바꼭질을 하는데, 수빈이가 동생을 찾을 수 있는 가장 빠른 시간이 몇 초 후인지 구하는 문제이다. 문제만 보면 사실 어떻게 풀어야 하는지 막막하기만.. 2022. 7. 3.
[백준] 7569번 : 토마토 (골드Ⅴ) by node.js ▷ 문제 : 7569번 - 토마토 7569번: 토마토 첫 줄에는 상자의 크기를 나타내는 두 정수 M,N과 쌓아올려지는 상자의 수를 나타내는 H가 주어진다. M은 상자의 가로 칸의 수, N은 상자의 세로 칸의 수를 나타낸다. 단, 2 ≤ M ≤ 100, 2 ≤ N ≤ 100, www.acmicpc.net ▷ 해결 날짜 : 2022.07.01 ▷ 소요 시간 : 40분 ▷ 풀이 과정 : 이 문제는 7576번 : 토마토 (골드Ⅴ) 문제의 응용문제이다. 그래서 그런지 난이도는 동일하다. 나 같은 경우에는 7576번: 토마토 문제를 이미 풀어봤기 때문에, 그 문제의 변형이라 해봤자 결국 위아래가 추가된 게 전부였다. 원래 4방향으로만 체크해주던걸 6방향으로 늘려주고, 고민 끝에 그냥 3중 배열로 방향을 잡고 문제를.. 2022. 7. 1.
[ReactJS] React 시작하기 - 프로젝트 생성 및 실행 (ft. npm, yarn) React 역시 Vue와 마찬가지로 프로젝트를 생성하기 위해서는 node.js가 필요하다. (없다면 얼른 node.js를 설치해주고 오자) 1. 프로젝트 생성 npm의 패키지 실행 도구인 npx를 사용해서 React 프로젝트를 생성할 수 있다. 본인이 설치를 원하는 경로에 들어가서 아래 명령어를 입력해주자. (여기서 만약 yarn을 사용하고 싶다면 따로 설치를 진행해주고 npm과 yarn의 생성 구문이 다르다.) # create react-app use npm npx create-react-app my-app # create react-app use yarn yarn create react-app my-app 여기서 "my-app"이라고 입력한 부분은 프로젝트명으로 본인이 원하는 이름을 정해주면 된다. .. 2022. 7. 1.
[백준] 2644번 : 촌수계산 (실버Ⅱ) by node.js ▷ 문제 :2644번 : 촌수계산 2644번: 촌수계산 사람들은 1, 2, 3, …, n (1 ≤ n ≤ 100)의 연속된 번호로 각각 표시된다. 입력 파일의 첫째 줄에는 전체 사람의 수 n이 주어지고, 둘째 줄에는 촌수를 계산해야 하는 서로 다른 두 사람의 번호가 주어 www.acmicpc.net ▷ 해결 날짜 : 2022.06.30 ▷ 소요 시간 : 1시간 30분 ▷ 풀이 과정 : DFS / BFS 관련 문제로 쉽게 접근하면 시작점부터 끝점까지의 거리가 얼마인지 반환하는 문제이다. 단, 여기서 촌수계산이 들어가면서 문제가 복잡해진다. 주어진 문제가 짧으므로 아래를 읽어보도록 하자. 우리나라는 가족 혹은 친척들 사이의 관계를 촌수라는 단위로 표현하는 독특한 문화를 가지고 있다. 이러한 촌수는 다음과 같.. 2022. 6. 30.
[Codility] FloodDepth (Medium) by javascript - Exercise 1 ▷ 문제 : Exercise 1 - FloodDepth (Medium) FloodDepth coding task - Practice Coding - Codility Find the maximum depth of water in mountains after a huge rainfall. app.codility.com ▷ 해결 날짜 : 2022.06.28 ▷ 소요 시간 : 1시간 ▷ 풀이 과정 : 2015 Contest 문제 중에 하나인 FloodDepth 문제이다. 문제 콘셉트는 비가 많이 내린 뒤 최대 수심을 찾아내라는 콘셉트이다. 별다른 방법이 떠오르지 않아 그냥 하나씩 찾아가면서 값을 저장해두는 방향으로 잡고 풀어보았다. 가장 높은 곳의 기준이 되는 (high) 변수와 가장 낮은 곳의 기준이 되는 (.. 2022. 6. 28.
[Codility] LongestPassword (Easy) by javascript - Exercise 1 ▷ 문제 : Exercise 1 - LongestPassword (Easy) LongestPassword coding task - Practice Coding - Codility Given a string containing words, find the longest word that satisfies specific conditions. app.codility.com ▷ 해결 날짜 : 2022.06.28 ▷ 소요 시간 : 20분 ▷ 풀이 과정 : 2015 Contest 문제 중에 하나인 LongestPassword 문제이다. Easy난이도답게 그렇게 어려운 문제는 아니었는데, 아래 조건을 만족하는 가장 긴 패스워드의 길이를 반환해주면 되는 문제였다. 조건은 다음과 같다. it has to contain.. 2022. 6. 28.
[SCSS] 조건문 (@if / @else if / @else) @if 흔히 알고 있는 if문으로 true일 경우 실행된다. @mixin avatar($size, $circle: false) { width: $size; height: $size; @if $circle { border-radius: $size / 2; } } .square-av { @include avatar(100px, $circle: false); } .circle-av { @include avatar(100px, $circle: true); } to css .square-av { width: 100px; height: 100px; } .circle-av { width: 100px; height: 100px; border-radius: 50px; } 그리고 추가적으로 삼항 연산자 역시 사용할 수 있.. 2022. 6. 25.
[SCSS] 함수 (@function ~ @return) @function @function은 @mixin과 마찬가지로 재사용을 위해 사용된다. 하지만 @mixin과의 차이점은 @mixin은 style markup을 반환하지만, @function은 @return을 통하여 값을 반환한다. $max-width: 980px; @function columns($number: 1, $columns: 12) { @return $max-width * ($number / $columns) } .box_group { width: $max-width; .box1 { width: columns(); // 1 } .box2 { width: columns(8); } .box3 { width: columns(3); } } to css .box_group { /* 총 너비 */ widt.. 2022. 6. 24.
반응형
TOP