본문 바로가기

전체 글

[백준] A + B(Lv.1) - 알고리즘
[백준] A + B(Lv.1) - 알고리즘 2024. 3. 27. 💡 A + B 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. 제약조건 두 정수 A와 B는 1이상 9이하의 정수이다. 입력형식 첫째 줄에 테스트 케이스의 개수 T가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 있으며, 각 줄에 A와 B가 주어진다. 출력형식 각 테스트 케이스마다 "Case #(테스트 케이스 번호): "를 출력한 다음, A+B를 출력한다. 테스트 케이스 번호는 1부터 시작한다. 입력예제1 5 1 1 2 3 3 4 9 8 5 2 출력예제1 Case #1: 2 Case #2: 5 Case #3: 7 Case #4: 17 Case #5: 7 // readline 모듈 import const readline = require("readline"); // 입출력을 위..
[자료구조] 스택(Stack)과 큐(Queue)
[자료구조] 스택(Stack)과 큐(Queue) 2024. 3. 27. ❓ 스택(Stack)이란? 스택(Stack)은 "쌓다"라는 의미로 데이터를 차곡차곡 쌓아 올린 형태의 자료구조입니다. 덧붙여 설명하자면 데이터가 순서대로 쌓이며 가장 마지막에 삽입된 자료가 가장 먼저 삭제되는 구조(LIFO)를 가지고 있습니다. 스택은 정해진 방향으로만 쌓을 수 있으며, top으로 정한 곳을 통해서만 접근할 수 있습니다. 새로 삽입되는 자료는 top이 가리키는 가장 맨 위에 쌓이게 되며, 자료를 삭제할 때도 top을 통해서 삭제가 가능합니다. ⛏️ 스택의 작동 원리 스택(Stack)은 기본적으로 후입선출(나중에 들어온 데이터가 가장 먼저 나가는)인 LIFO(Last-In-First-Out)구조로 이루어져 있습니다. ✅ 스택 제공 연산 종류 pop( ): 스택에서 가장 위에 있는 항목을 제..
[자료구조] 자료구조의 종류와 분류
[자료구조] 자료구조의 종류와 분류 2024. 3. 27. 💾 자료구조의 종류와 분류 무수한 상황에서 데이터를 효율적으로 다룰 수 있는 방법을 모두 모아, 자료구조라는 이름을 붙였습니다. 👉 자주 등장하는 네 가지의 자료구조 Stack, Queue, Tree, Graph
[자료구조] 자료구조란
[자료구조] 자료구조란 2024. 3. 27. ❓ 자료구조(Data Structure)란? 자료구조란 여러 데이터들의 묶음을 저장하고, 사용하는 방법을 정의한 것입니다. 개발 과정에서 데이터를 가지고 전처리 하는 방식들, 기능(함수)를 구현하는 것들 모두 자료구조라고 할 수 있습니다. 그러나 그 방법들 중에서도 효율적인 방식이 존재하는데 그것들을 정의한 것이 자료구조입니다. 사전적 의미로는 자료(Data)의 집합을 의미하며, 각 원소들이 논리적으로 정의된 규칙에 의해 나열되며 자료에 대한 처리를 효율적으로 수행할 수 있도록 자료를 구분하여 표현한 것이라고 합니다. ❓ 왜 필요한가? 그렇다면 자료구조는 왜 필요한 것일까요? 그 이유로는 자료구조를 익힘으로서 효율적으로 데이터를 다루어 문제를 해결하기 위함이 1순위일 것입니다. 잘 선택된 자료구조는 실행..
[2023.07.12] 개발일지
[2023.07.12] 개발일지 2023. 7. 12. 모달창을 열어도 background div태그가 전체화면을 덮지 않는 문제가 있었다. 해결하는데 꽤나 시간을 잡아먹어 굉장히 어려운 문제인가 싶었지만 너무 간단하게 해결되는 문제였다. BlackBackground의 스타일 요소에 1 2 3 4 5 top: 0; left: 0; display: flex; justify-content: center; align-items: center; cs 맨 위와 맨 왼쪽끝에 div요소를 맞추고 display를 flex 해버리면 전체 화면을 뒤덮는 div가 된다. 이것말고도 한 가지 다른 문제가 발생했다. select의 option 요소들은 styled-components로 스타일 변경할 수가 없다는 것이다. 도저히 styled-components로 할 수 있는 방법이 ..
[2023.07.11] 개발일지 2023. 7. 12. input 태그 중 숫자만 입력가능하고 입력한 숫자를 천 단위로 콤마(,)를 찍어서 렌더링해주는 input 태그를 만드는 과정에서 내가 원하는 결과와는 다른 상황이 벌어졌다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 import React, { useState } from 'react' import Input from '../components/input/input'; function FeatureInput() { const [name, setName] = useState(''); const [price, setPrice] = ..
[2023.07.10] 개발일지
[2023.07.10] 개발일지 2023. 7. 10. 여러가지 기능의 UI요소들을 만들어보는 도중 UI를 눌렀을 때 alert창이 뜨고 창 안에서 input값을 입력하면 console.log로 출력해주는 버튼을 만드는 과정에서 어려움을 겪었다. 그다지 어려운 기능이 아님에도 내가 어려움을 느낀 이유는 alert창 안에 어떻게 input 태그를 집어넣지 하는 기본적인 고민때문이었다. 처음에는 alert() 함수에 태그를 집어넣을 생각만 하고선 이런저런 방법을 시도하며 고생했다. 그러나 찬찬히 고민해보니 컴포넌트의 return문에 추가하는 것도 아니고 alert() 안에 태그를 넣는 것은 불가능하다는 것을 알고는 구글링을 포함해 이곳 저곳에 돌아다니기 시작했고 이윽고 아주 간단한 방법을 찾아내었다. 그건 alert() 함수 말고 prompt() 함수를 사용하면..
[2023.07.07] 개발일지 2023. 7. 9. styled-components를 이용해 style를 꾸며보았다. 그러나 쉽사리 한 번에 되지는 않는다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 import React, { useState } from 'react' import { addTodo } from '../redux/modules/todos'; import { useDispatch } from 'react-redux'; import { styled } from 'st..

티스토리툴바