Wii Pointer #1 Tilt Normal
본문 바로가기
728x90

𝐀𝐥𝐥343

No Image 📷 [React .library] what is Redux ? Before we start 시작하기에 앞서 Redux에 대해서 심층적으로 알아보게 된 계기를 설명할까 한다. 사실 Redux와 기능을 가장 비슷하게 하고 실제로 현업에서는 최근들어서 Redux 보다 더 많이 사용된다는 useContext, ContextAPI에 대해서 알아봤었다. React를 활용한 프론트엔드 프로젝트 개발을 해본 경험자라면, 두가지중 한개는 무조건 사용해보았을 것이라 믿어 의심치 않는다. 내가 이렇게 서두에 얘기를 하는 이유는 필자는 useContext를 사용해서 프로젝트 개발을 완성시켜본 경험만 있다. 즉, Redux에 대해서는 확실하게 아는것이 없다고 해도 무방할 정도였다. 근데, 개발자의 덕목이란 내가 익숙하지 않은 방법이라 할지라도 경험을 해보거나 사용법을 정확하게 알고 왜 쓰.. 2024. 2. 20.
No Image 📷 [BAEKJOON] 백준 8단계 - 2869번 / JavaScript 출처 https://www.acmicpc.net/problem/2869 2869번: 달팽이는 올라가고 싶다 첫째 줄에 세 정수 A, B, V가 공백으로 구분되어서 주어진다. (1 ≤ B < A ≤ V ≤ 1,000,000,000) www.acmicpc.net 문제 땅 위에 달팽이가 있다. 이 달팽이는 높이가 V미터인 나무 막대를 올라갈 것이다. 달팽이는 낮에 A미터 올라갈 수 있다. 하지만, 밤에 잠을 자는 동안 B미터 미끄러진다. 또, 정상에 올라간 후에는 미끄러지지 않는다. 달팽이가 나무 막대를 모두 올라가려면, 며칠이 걸리는지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 세 정수 A, B, V가 공백으로 구분되어서 주어진다. (1 ≤ B Croatian Open Competition in Info.. 2024. 2. 20.
No Image 📷 [BAEKJOON] 백준 8단계 - 1193번 / JavaScript 출처 https://www.acmicpc.net/problem/1193 1193번: 분수찾기 첫째 줄에 X(1 ≤ X ≤ 10,000,000)가 주어진다. www.acmicpc.net 문제 무한히 큰 배열에 다음과 같이 분수들이 적혀있다. 1/1 1/2 1/3 1/4 1/5 … … 2/1 2/2 2/3 2/4 … … 3/1 3/2 3/3 … … … 4/1 4/2 … … … … 5/1 … … … … … … … … … … … 이와 같이 나열된 분수들을 1/1 → 1/2 → 2/1 → 3/1 → 2/2 → … 과 같은 지그재그 순서로 차례대로 1번, 2번, 3번, 4번, 5번, … 분수라고 하자. X가 주어졌을 때, X번째 분수를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 X(1 ≤ X ≤ 10,000,0.. 2024. 2. 20.
No Image 📷 [BAEKJOON] 백준 8단계 - 2292번 / JavaScript 출처 https://www.acmicpc.net/problem/2292 2292번: 벌집 위의 그림과 같이 육각형으로 이루어진 벌집이 있다. 그림에서 보는 바와 같이 중앙의 방 1부터 시작해서 이웃하는 방에 돌아가면서 1씩 증가하는 번호를 주소로 매길 수 있다. 숫자 N이 주어졌 www.acmicpc.net 문제 위의 그림과 같이 육각형으로 이루어진 벌집이 있다. 그림에서 보는 바와 같이 중앙의 방 1부터 시작해서 이웃하는 방에 돌아가면서 1씩 증가하는 번호를 주소로 매길 수 있다. 숫자 N이 주어졌을 때, 벌집의 중앙 1에서 N번 방까지 최소 개수의 방을 지나서 갈 때 몇 개의 방을 지나가는지(시작과 끝을 포함하여)를 계산하는 프로그램을 작성하시오. 예를 들면, 13까지는 3개, 58까지는 5개를 지난.. 2024. 2. 20.
No Image 📷 [일간회고] 24.02.19 Today I did ... 백준 2903번 해결 2024.02.19 - [📂 𝐚𝐥𝐠𝐨𝐫𝐢𝐭𝐡𝐦/백준] - [BAEKJOON] 백준 8단계 - 2903번 / JavaScript [BAEKJOON] 백준 8단계 - 2903번 / JavaScript 출처: https://www.acmicpc.net/problem/2903 2903번: 중앙 이동 알고리즘 상근이는 친구들과 함께 SF영화를 찍으려고 한다. 이 영화는 외계 지형이 필요하다. 실제로 우주선을 타고 외계 행성에 가서 촬영을 jrogrammer.tistory.com 알고리즘은 사실 간단하게 풀었던 것 같다. 규칙을 찾았고 for문으로 해결했다. useContext 심층적으로 복기 2024.02.19 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.. 2024. 2. 19.
No Image 📷 [React .hook] How to use useContext ? Before we start 바로전에 useContext가 뭔지 Context API가 무엇인지 자세하게 기술해 놓았다. useContext 사용이 처음이라면 해당 게시글을 완독하고 오기를 추천한다. 2024.02.19 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React .hook] What is useContext ? [React .hook] What is useContext ? Before we start 2024.02.15 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React] React's State Management [React] React's State Management - React 상태 관리 useState Hook 함수형 컴포넌트에서 상.. 2024. 2. 19.
No Image 📷 [React .hook] What is useContext ? Before we start 2024.02.15 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React] React's State Management [React] React's State Management - React 상태 관리 useState Hook 함수형 컴포넌트에서 상태를 관리하는 가장 기본적인 방법. 컴포넌트 내에서 간단한 상태를 다룰 때 사용됩니다. import React, { useState } from 'react'; function ExampleComponent() jrogrammer.tistory.com 해당 게시글에서 간략하게나마 소개했던 useContext()를 오늘은 심층적으로 알아보고자 한다. What is useContext ? React의 Conte.. 2024. 2. 19.
No Image 📷 [BAEKJOON] 백준 8단계 - 2903번 / JavaScript 출처 https://www.acmicpc.net/problem/2903 2903번: 중앙 이동 알고리즘 상근이는 친구들과 함께 SF영화를 찍으려고 한다. 이 영화는 외계 지형이 필요하다. 실제로 우주선을 타고 외계 행성에 가서 촬영을 할 수 없기 때문에, 컴퓨터 그래픽으로 CG처리를 하려고 한다. www.acmicpc.net 문제 상근이는 친구들과 함께 SF영화를 찍으려고 한다. 이 영화는 외계 지형이 필요하다. 실제로 우주선을 타고 외계 행성에 가서 촬영을 할 수 없기 때문에, 컴퓨터 그래픽으로 CG처리를 하려고 한다. 외계 지형은 중앙 이동 알고리즘을 이용해서 만들려고 한다. 알고리즘을 시작하면서 상근이는 정사각형을 이루는 점 4개를 고른다. 그 후에는 다음과 같은 과정을 거쳐서 지형을 만든다. 정사.. 2024. 2. 19.
No Image 📷 [주간회고] 2024 - 2월 3주차 This week I did... 알고리즘 2024.02.16 - [📂 𝐚𝐥𝐠𝐨𝐫𝐢𝐭𝐡𝐦/백준] - [BAEKJOON] 백준 8단계 - 2745번 / JavaScript [BAEKJOON] 백준 8단계 - 2745번 / JavaScript https://www.acmicpc.net/problem/2745 2745번: 진법 변환 B진법 수 N이 주어진다. 이 수를 10진법으로 바꿔 출력하는 프로그램을 작성하시오. 10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있다. jrogrammer.tistory.com 2024.02.17 - [📂 𝐚𝐥𝐠𝐨𝐫𝐢𝐭𝐡𝐦/백준] - [BAEKJOON] 백준 8단계 - 11005번 / JavaScript [BAEKJOON] 백준 8단계 - 11005번 / JavaSc.. 2024. 2. 18.
No Image 📷 [일간회고] 24.02.18 Today I did... 백준 2720번 해결 2024.02.18 - [📂 𝐚𝐥𝐠𝐨𝐫𝐢𝐭𝐡𝐦/백준] - [BAEKJOON] 백준 8단계 - 2720번 / JavaScript [BAEKJOON] 백준 8단계 - 2720번 / JavaScript jrogrammer.tistory.com useState() React .hook 심층있게 복기하기 2024.02.18 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React .hook] What is useState ? [React .hook] What is useState ? Before we start 시작하기에 앞서 React의 가장 기본적인 hook중에 하나인 useState( )에 대해서 심층적으로 알아보자. What is useS.. 2024. 2. 18.
No Image 📷 [BAEKJOON] 백준 8단계 - 2720번 / JavaScript 출처 https://www.acmicpc.net/problem/2720 2720번: 세탁소 사장 동혁 각 테스트케이스에 대해 필요한 쿼터의 개수, 다임의 개수, 니켈의 개수, 페니의 개수를 공백으로 구분하여 출력한다. www.acmicpc.net 문제 미국으로 유학간 동혁이는 세탁소를 운영하고 있다. 동혁이는 최근에 아르바이트로 고등학생 리암을 채용했다. 동혁이는 리암에게 실망했다. 리암은 거스름돈을 주는 것을 자꾸 실수한다. 심지어 $0.5달러를 줘야하는 경우에 거스름돈으로 $5달러를 주는것이다! 어쩔수 없이 뛰어난 코딩 실력을 발휘해 리암을 도와주는 프로그램을 작성하려고 하지만, 디아블로를 하느라 코딩할 시간이 없어서 이 문제를 읽고 있는 여러분이 대신 해주어야 한다. 거스름돈의 액수가 주어지면 리암.. 2024. 2. 18.
No Image 📷 [React .hook] What is useState ? Before we start 시작하기에 앞서 React의 가장 기본적인 hook중에 하나인 useState( )에 대해서 심층적으로 알아보자. What is useState ? const [state, setState] = useState(초기값); React 에서 state 생성할 때 쓰는 선언문이다. state 변경값은 state 에 있고 state 값을 변경하기 위해서는 setState를 사용한다. 초기 state 값을 초기화할 때 할당해주는 값 데이터는 useState(*초기값) 에 넣어준다. 예를 들어서 const [time, setTime] = useState(0) 이라고 선언하면 time이 렌더링 될 때 초기값은 0이다. 여기서 setTime(5)를 넣어주면 다시 렌더링 될 때 time 값은.. 2024. 2. 18.
No Image 📷 [일간회고] 24.02.17 Today I did... 백준 11005번 해결 2024.02.17 - [📂 𝐚𝐥𝐠𝐨𝐫𝐢𝐭𝐡𝐦/백준] - [BAEKJOON] 백준 8단계 - 11005번 / JavaScript [BAEKJOON] 백준 8단계 - 11005번 / JavaScript 문제 10진법 수 N이 주어진다. 이 수를 B진법으로 바꿔 출력하는 프로그램을 작성하시오. 10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있다. 이런 경우에는 다음과 같이 알파벳 대문 jrogrammer.tistory.com 어떠한 10진수 숫자를 임의의 숫자 예를들어 36진수로 바꾸었을 때 어떠한 문자열을 콘솔에 출력하는 로직을 만들어야 했다. 사실 내가 진수에 좀 약한 것 같아서 일반수학의 진수에 대해서 다시 복기하는 과정을 가졌다. 2024... 2024. 2. 17.
No Image 📷 [BAEKJOON] 백준 8단계 - 11005번 / JavaScript 출처 https://www.acmicpc.net/problem/11005 11005번: 진법 변환 2 10진법 수 N이 주어진다. 이 수를 B진법으로 바꿔 출력하는 프로그램을 작성하시오. 10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있다. 이런 경우에는 다음과 같이 알파벳 대문자를 www.acmicpc.net 문제 10진법 수 N이 주어진다. 이 수를 B진법으로 바꿔 출력하는 프로그램을 작성하시오. 10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있다. 이런 경우에는 다음과 같이 알파벳 대문자를 사용한다. A: 10, B: 11, ..., F: 15, ..., Y: 34, Z: 35 입력 첫째 줄에 N과 B가 주어진다. (2 ≤ B ≤ 36) N은 10억보다 작거나 같은 자연수이다... 2024. 2. 17.
No Image 📷 [React .hook] What is useEffect ? Before we start 들어가기에 앞서 이미 많이 사용해 본 경험이 있는 가장 대표적인 React hook중에 하나인 useEffect에 대해서 심층적으로 알아볼까 한다. A suitable situation for using 'useEffect' 1. Mount 될때 특정 작업을 실행해야 한다면 ? 2. Update 될때 특정 작업을 실행해야 한다면 ? 3. Unmount 될때 특정 작업을 실행해야 한다면 ? What is useEffect ? useEffect의 대표적인 유형은 두 가지가 있다. 첫번째로 callback 함수만 받는 경우 useEffect(( ) => { //작업... }); 컴포넌트가 렌더링 될 때 마다 !! ==>> 콜백 함수가 실행된다. 즉, 컴포넌트가 초기화 하면서 처음 .. 2024. 2. 17.
No Image 📷 [BAEKJOON] 백준 8단계 - 2745번 / JavaScript 출처 https://www.acmicpc.net/problem/2745 2745번: 진법 변환 B진법 수 N이 주어진다. 이 수를 10진법으로 바꿔 출력하는 프로그램을 작성하시오. 10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있다. 이런 경우에는 다음과 같이 알파벳 대문자를 www.acmicpc.net 문제 B진법 수 N이 주어진다. 이 수를 10진법으로 바꿔 출력하는 프로그램을 작성하시오. 10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있다. 이런 경우에는 다음과 같이 알파벳 대문자를 사용한다. A: 10, B: 11, ..., F: 15, ..., Y: 34, Z: 35 입력 첫째 줄에 N과 B가 주어진다. (2 ≤ B ≤ 36) B진법 수 N을 10진법으로 바꾸면, 항상 10.. 2024. 2. 16.
728x90

티스토리툴바