안녕하세요 RyuWoong 입니다. 앞서 포스팅한 글 중 Component를 소개하는 글이 있었죠? 거기서 RN은 Web과 다르게 Scroll을 하기 위해서 List Compnent가 존재한다고 했습니다! 크게 Scroll View와 Virtualized List로 나누어지는데요. 한번 알아봅시다. Scroll View 먼저 Scroll View에 대해 알아봅시다. Scroll View는 단순하게 Scroll 기능이 추가된 View입니다. 물론 Scroll 기능이 추가되면서 View보다 더 많은 Props를 지원합니다. 자세한 사항은 RN 공식 문서를 참조해주세요. 어떨 때 사용하냐면, Page에서 Height가 긴 시안을 표현하면서 반복되는 요소가 없다면 사용합니다. 왜냐하면 Scroll View 내 ..

안녕하세요! RyuWoong 입니다. 드디어 React에서 10번째 포스팅입니다. 와! React에서 조금 핵심적인 부분들을 주로 포스팅 했는데, 사실 앞선 모든 내용들이 이 Compound Component 를 위한 빌드업 이였다는 것! 보고나면 오호라! 하실 내용이니 한번 가 봅시다! Compound Component? 합성 컴포넌트? 이건 뭘까요? React에 어느정도 눈을 뜬 개발자라면, Component를 만들어 잘 사용하고 계실 꺼라 생각합니다. 하지만 Component들이 기획에 따라, 디자인에 따라 계속 변경될 수 있겠죠? 만약 이 Component가 두루 재사용하고 있던 Component라면 새로운 Component를 만들어야하나 고민하게 될 것입니다. 문제. React 새내기 분들은 아..

안녕하세요! RyuWoong입니다. 자, 이번에는 Custom Hook에 대해 이야기 해보려고 합니다. 많이 쓰이는 방식이니 잘 보시고 부족한 부분이 있으면 말씀해주세요! Custom Hook? Custom Hook이 뭘까요? 자신이 만든 자신만의 Hook을 의미합니다. 무슨 소린가 싶죠? Hook을 만들면 컴포넌트 로직을 함수로 뽑아내어 사용할 수 있습니다! 예제와 함께 보는 것이 이해가 좋을 것 같네요! 예제. import React, { useState, useEffect } from 'react'; function FriendStatus(props) { // 이 부분을 기억하세요. const [isOnline, setIsOnline] = useState(null); useEffect(() => {..

안녕하세요! RyuWoong 입니다. 이번에는 간단한 명령어를 생성하고 실행하도록 해보겠습니다. Discord.js Tutorial의 내용입니다. 그럼 시작해볼까요? Quick Start. 앞서 disocrdBot 폴더 내에 프로젝트를 생성하셨다면, discordBot 폴더 내에 index.js라는 파일을 생성하고 아래와 같이 입력합니다. //index.js const { Client, Events, GatewayIntentBits } = require('discord.js'); const client = new Client({ intents: [GatewayIntentBits.Guilds] }); client.once(Events.ClientReady, (c) => { console.log(`Ready..

안녕하세요. RyuWoong입니다. 계속해서 Next.js 와 알고리즘, 자료구조를 공부하면서 머리도 식힐겸 오랜만에 Discord Bot을 만져봤습니다. 이전에 discord.py (파이썬으로 디스코드 봇 만들기)는 더 이상 진행하지 않을 예정입니다. discord.py는 오래 전에 작성한 내용이며, 틀린 내용도 꽤 있습니다. 기록을 위해 남겨 두었습니다. 따라서 discord.js로 새롭게 Bot 만들기를 포스팅합니다. 먼저 discord.js를 선택한 것은 크게 두 가지 이유가 있습니다. 첫번째 이유는 저는 최근 JS와 TS만 다루고 있기 때문입니다. 두번째 이유는 discord.py보다 discord.js의 튜토리얼이나 가이드가 더 잘 되어있다고 생각했습니다. 그래서 제 포스팅을 안보시더라도 Di..