계속해서 React Hooks를 소개해드리겠습니다. 이번에 설명드릴 Hook(이하 훅)은 useEffect입니다. 앞서 소개한 useState만큼, 중요하고 자주 사용하는 훅입니다. useEffect는 일반적으로 컴포넌트가 렌더링 될 때마다 작업을 수행할 수 있게 도움을 주는 훅입니다. 클래스형의 componentDidMount와 componentDidUpdate 기능과 유사한 기능을 제공합니다. 또한 return시 CleanUp을 해주는데 이때는 componentUnMount 기능을 합니다. 한번 자세하게 알아볼까요? 👩‍💻 useEffect? import React, { useState, useEffect } from 'react'; function Example() { const [count, se..

React나 Node를 공부하면서, 부족하다고 느껴졌거나 중요한 내용을 정리해서 기록합니다. 처음 작성하는 내용은 비동기 처리와 밀접한 관련이 있는 Async & Await 문법입니다. 비동기 처리를 완전히 이해했다고 말하기는 부족하나, 이 글을 작성하면서도 깨닫는 부분이 많았으면 좋겠다고 생각하며 작성하는 글입니다. 부족한 부분은 댓글로 피드백해주시면 정말! 감사하겠습니다. 💡 시작하기 전에 과거 JavaScript에서는 콜백지옥이라는 말이 있었죠. 비동기 동작을 처리할 때 비동기 함수 안에 또 비동기 동작들을 넣다보면 계속 함수가 중첩이 되어 마치 피라미드처럼 코드가 작성되는 지옥과도 같은 관경을 볼 수 있습니다. 그래서 콜백지옥을 해결하고자 ES6에서 Promise라는 비동기 처리에 사용되는 객체가..

안녕하세요! RyuWoong입니다. 2021년 새해가 밝았습니다. 2020년은 코로나때문에 아쉬운 해였던거 같아요. 올해는 빨리 코로나가 종식되고 예전처럼 편하게 마스크 없이 다니는 세상이 왔으면 좋겠습니다. 2021년은 저에게도 중요한 해가 될 것 같아요. 특히 저의 꿈을 향해 달려가야하는 준비와 시작의 해라서, 좋은 일만 가득하고 운이 따라주면 좋겠습니다. 올해는 꼭 디스코드 봇을 만들면서 배우는 파이썬이라는 글을 써서 코딩에 첫 진입 하는 분들께 도움이 되었으면 좋겠다는 생각을 합니다. 이러한 주제를 생각한 것은 만드는게 눈에 보일때 즉, 성과가 눈에 보이는게 확실히 공부하는데 좋은 동기부여가 된다고 생각합니다. 따라서 디스코드 봇을 만들면서 서버도 운영해보는 것이 책으로 이론적인 것을 보고 하는 ..

이번에 알아볼 알고리즘은 퀵 정렬 (Quick Sort) 입니다. 불안정 정렬이며, 다른 원소와 비교만으로 정렬하는 비교 정렬에 속합니다 분할정복알고리즘 중에 하나로, 평균적으로 매우 빠른 수행속도를 자랑합니다. 분할정복이란? 큰 문제를 작은 문제 단위로 쪼개면서 해결해나가는 방식 🤔 과정 및 코드 원소 안에서 원소 하나를 선택합니다. 선택한 원소를 피벗(Pivot)이라고 합니다. 피벗의 값을 기준으로 작은 원소는 왼쪽으로 큰 값은 오른쪽으로 정렬하고, 피벗 값은 사이로 들어가게 됩니다. 이후 왼쪽과 오른쪽 리스트에 각각 다시 퀵정렬을 반복하며 정렬하여 더 이상 리스트들이 분할되지 않을때 까지 반복합니다. 📝 Python 예시 코드. def QuickSort(arr): if len(arr)

이번에 알아볼 알고리즘은 삽입 정렬(Insertion Sort)입니다. 원카드를 할 때를 생각해보면, 손 패의 카드를 숫자 순으로 정렬해서 손에 쥐고 있던적 있죠? 이 상태에서 카드를 뽑게 되면 순서에 맞춰 패에 카드를 넣게 되는데, 이 방식이 삽입정렬이라고 생각하면 좋아요! 2번째 원소 부터 시작하며,선택한 원소의 앞에 있는 원소들과 비교하여 삽입할 위치를 정한 뒤 원소를 뒤로 옮기고 지정된 자리에 원소를 삽입하는 정렬 알고리즘입니다. 🤔 과정 및 코드 먼저 2번째 위치의 값을 temp에 저장하고 해당 원소보다 아래 위치에 있는 값들과 비교하며 알맞는 위치에 삽입합니다. 이후 그 다음(3번째) 위치의 값을 temp에 저장하고 아래 위치에 있는 값들과 비교하며 삽입을 반복합니다. 📝 Python 예시 코..