본문 바로가기

전체 글521

[로아/제작감상문] 미술품 52개와 골드 모으기 대작전 안녕하세요. 박기린 입니다. 영상 먼저 보고 오기 1편 : 미술품 골?드 털!자 2편 : 제발 미술품을 주세요 1편 : 후기 12월 20일에 미술품 수집 보상이 골드로 바뀐다는 소식을 듣고, 아직 미술품을 38개밖에 모으지 못해, 급하게 52개까지 모으는 걸 주제로 영상을 편집했습니다. 이때 52개의 미술품을 모으면 받는 보상이 '20,000 골드'였어서 포기하기 매우 아까웠기도 했습니다. 14개의 미술품을 더 모으기 위해 온갖 수단을 다 동원했었습니다. 그동안 내실을 안 했던 거에 큰 후회를 한 순간입니다. 미뤘던 모험의 서와 호감도도 하고, 아트로포스 검은 상인과 베른 탐사선도 처음으로 대기했다가 만나봤습니다. 빠른 템포를 가져가기 위한 간단한 컷편집을 위주로 영상을 만들었습니다. 한 영상에 미술품 .. 2023. 12. 25.
[백준/nodeJS] 28279. 덱 2 안녕하세요. 박기린 입니다. 백준 28279번 덱 2 문제를 풀어보겠습니다. 문제 링크 https://www.acmicpc.net/problem/28279 28279번: 덱 2 첫째 줄에 명령의 수 N이 주어진다. (1 ≤ N ≤ 1,000,000) 둘째 줄부터 N개 줄에 명령이 하나씩 주어진다. 출력을 요구하는 명령은 하나 이상 주어진다. www.acmicpc.net 문제 해석 덱(deque)을 구현하는 것이 목표입니다. front, rear의 초기값은 -1입니다. -1은 덱 안에 아무것도 없다는 의미를 가집니다. JS의 pop, shift, push, unshift 메소드를 사용하는 방법도 있지만, 시간초과가 됩니다. 그렇기에 front와 rear의 주소를 이용하는 방식으로 코드를 짜야 합니다. 값이.. 2023. 12. 21.
[로아] 히프노스의 눈 : 잊지 않을게! 퀘스트 위치 - 아크라시아 투어 내실 익스 4단계 안녕하세요. 박기린입니다. 2023년 12월 20일 겨울업데이트로 내실 익스프레스 - 아크라시아 투어가 등장했습니다. 아크라시아 투어 4단계 미션 중, 가 있습니다. '잊지 않을게!'는 히프노스의 눈 섬 퀘스트 중 마지막 퀘스트입니다. 사전 퀘스트를 전부 다하고나서, 아크라시아 투어 가이드를 따라 이동하면 퀘스트가 보이지 않습니다. 칼바서스 거처 내부의 사진기 칼바서스 거처 내부에 노란 빛이 흘러나오는 사진기가 있습니다. 이 사진기를 조사하면 퀘스트를 받을 수 있습니다. '잊지 않을게!' 퀘스트는 간단하게 섬 내 NPC들 몇 명에게 말을 걸고 나면 끝이 납니다. 2023. 12. 21.
[로아] 오색 앵무새 찾는 법 - 아크라시아 투어 내실 익스 3단계 안녕하세요. 박기린입니다. 2023년 12월 20일 겨울업데이트로 내실 익스프레스 - 아크라시아 투어가 등장했습니다. 아크라시아 투어 3단계 미션 중, 가 있습니다. 그런데 아크라시아 투어의 가이드 위치로 가보면 아무것도 보이지 않는 경우가 있습니다. 로헨델 모험의 서 정답은 바로 로헨델 모험의 서에 있습니다. 로헨델 모험의 서 50% 달성 보상으로 주는 보물지도에, 우리가 찾고 있는 오색 앵무새가 있습니다. 앞서 2단계 아크라시아 익스프레스, 슈모익 익스프레스를 받은 유저라면 로헨델 모험의 서는 50%가 채워져 있을 것입니다. 보상으로 보물지도를 받은 후, 보물지도를 한 번 펼쳐보면, 오색 앵무새를 찾을 수 있는 망원경 마크가 보입니다. 2023. 12. 21.
[React] 17. 리액트가 작동하는 방식 : React, ReactDOM, VirtualDOM 안녕하세요. 박기린입니다. 이번엔 React가 실제로 웹 브라우저에 페이지를 표시하는 방법에 대해 알아보겠습니다. React vs ReactDOM 리액트(React) 자체는 웹에 대해 모릅니다. 웹페이자 상에서 어떻게 표시되는 지에 대해서 관여하지 않습니다. 리액트는 컴포넌트, State, Context, Props 같은 정보들을 관리하고, 이것들을 HTML 요소로 출력하는 역할은 ReactDOM이 담당합니다. 리액트는 컴포넌트나 State의 변경된 내용과 화면에 표시되어야 할 정보 모두를 ReactDOM으로 전달합니다. 그러면 ReactDOM은 실제로 웹브라우저에 출력될 DOM을 수정합니다. 유저가 보고 있는 웹 화면에 무언가를 표시하는 역할은 전적으로 ReactDOM의 몫입니다. 리액트 컴포넌트와 실.. 2023. 12. 20.
[독후감] 비전공자를 위한 이해할 수 있는 IT 지식 책의 기본 정보 더보기 책 제목 : 비전공자를 위한 이해할 수 있는 IT지식 저자 : 최원영 출판사 : 티더블유아이지 읽은 날짜 : 2022. 6. 30. ~ 2022. 7. 11. (작성일 기준 약 1년 반 전에 읽고 쓴 소감문을 올립니다.) 읽은 페이지 : 전부 도서 위치 : 교보문고 e북 필기 방식 : 마진노트 목차 더보기 프롤로그 4 1장 오리엔테이션 1-1. 왜 자꾸 파이썬(Python)을 배우라고 하는 거죠? (feat. C 언어, 자바(JAVA)를 배워봐) 14 1-2. 가장 먼저 알아야 할 지식은 ‘프로그래밍 언어’가 아닙니다 21 2장 프로그래밍 언어 & 운영체제(OS) 2-1. 프로그래밍 언어가 ‘언어’라고?(못 알아듣겠는데…) 32 2-2. 개발자는 앉아서 뭐하는 거지(뭔가 치긴 치는.. 2023. 12. 19.
[React] 16. 리액트 Hooks의 규칙을 알아보자 안녕하세요. 박기린입니다. 이번엔 React에서 state를 다루는 데에 주로 사용되는 Hooks의 규칙에 대해 알아보겠습니다. * 리액트 훅 : use로 시작하는 것들은 전부 리액트 훅이라고 보면 됩니다. -> useState, useEffect, useReducer, useContext .. 1. 리액트 안에서만 사용하기 리액트 훅은 리액트 함수 내부에서만 사용할 수 있습니다. 리액트 함수는 - 리액트 컴포넌트 함수 - custom hooks 를 의미하고, 이 안에서 사용하지 않으면, 위 사진처럼 VSCode에서 에러/경고문을 표시합니다. 2. 리액트 훅을 중첩으로 호출하지 않기 위 1번 항목과 연결되는 문제입니다. 리액트 함수 내부에서만 사용이 가능하기 때문에, 다른 함수의 내부에서 호출되지 않습니.. 2023. 12. 11.
[백준/JS] 12789. 도키도키 간식드리미 안녕하세요. 박기린 입니다. 백준 12789번 도키도키 간식드리미 문제를 풀어보겠습니다. 문제 링크 https://www.acmicpc.net/problem/12789 12789번: 도키도키 간식드리미 인하대학교 학생회에서는 중간, 기말고사 때마다 시험 공부에 지친 학우들을 위해 간식을 나눠주는 간식 드리미 행사를 실시한다. 승환이는 시험 기간이 될 때마다 간식을 받을 생각에 두근두 www.acmicpc.net 문제 해석 Input 배열 : 백준 문제에서 준 입력값을 담은 배열. 큐 구조를 이용할 예정입니다. Stack 배열 : 임시로 줄 선 사람을 옮겨둘 수 있는 공간 cur : 간식을 받을 차례 위 3가지를 먼저 염두에 둡니다. 가장 먼저 1번 순서가 받을 차례이기 때문에 cur을 1로 설정합니다. .. 2023. 12. 7.
[React] 15. 리액트 Context API란 무엇일까? 안녕하세요. 박기린 입니다. 이번엔 React의 state 관리 방법 중 하나인 Context API에 대해 알아보겠습니다. Context API (w. 기존 props 방식의 한계) 리액트는 props라는 걸 통해서 여러 리액트 컴포넌트를 걸쳐 state 데이터를 전달합니다. 리액트 앱이 위와 같은 구조로 이루어져 있다고 가정을 합니다. LoginForm에 있는 Login state를 장바구니 Cart 컴포넌트에서 접근하려고 합니다. 하지만 바로 접근하는 것은 불가능합니다. 위 사진처럼 props를 이용해서 root 컴포넌트로 데이터를 올린 다음, 밑으로 다시 뿌립니다. 이 과정 속에서, 해당 state 데이터를 필요로 하지 않는 다른 컴포넌트들도 지나가야만 하는 상황이 발생합니다. 코드와 구조가 복잡.. 2023. 12. 4.

티스토리툴바