소요유(逍遙遊)

자바스크립트는 웹 개발에서 가장 많이 사용되는 프로그래밍 언어 중 하나입니다. 이 언어는 동적인 웹 페이지를 만들기 위해 사용되며, 프론트엔드 개발에서는 React와 같은 라이브러리와 함께 사용됩니다. 이러한 개발 환경에서 함수(Function)는 매우 중요한 역할을 합니다. 이 글에서는 자바스크립트에서 함수의 개념과 사용 방법에 대해 알아보겠습니다. 함수(Function)란? 함수(Function)는 프로그래밍에서 가장 기본적인 개념 중 하나입니다. 함수는 입력값을 받아서 출력값을 반환하는 일련의 과정을 수행하는 코드 블록입니다. 이러한 함수는 코드의 재사용성을 높이고, 코드의 가독성을 높이며, 코드의 유지보수성을 높입니다. 함수의 사용 방법 자바스크립트에서 함수를 사용하는 방법은 매우 간단합니다. 함..

FrontEnd/Java Script 2023. 4. 8. 19:38

개발자로서 테스트는 개발 프로세스의 중요한 부분입니다. 코드가 예상대로 작동하는지 확인하고 잠재적인 문제를 예방하는 데 도움이 됩니다. React에서는 효과적인 테스트를 작성하는 데 도움이되는 여러 가지 테스트 라이브러리가 있습니다. 이 글에서는 Jest, React Testing Library, Enzyme 등 React를 위한 가장 인기있는 테스트 라이브러리를 살펴보겠습니다. 1. 테스트란? 테스트는 코드가 예상대로 작동하는지 확인하는 프로세스입니다. 주어진 입력에 대해 올바른 출력을 생성하는지 확인하기 위해 코드를 일련의 테스트를 실행하는 것을 포함합니다. 테스트는 수동 또는 자동으로 수행할 수 있으며, 개발 프로세스의 다양한 단계에서 수행할 수 있습니다. 테스트는 왜 해야할까? 테스트는 다음과 같..

FrontEnd/Libraries 2023. 4. 3. 19:24

지라란? Jira는 소프트웨어 개발 프로세스를 위한 프로젝트 관리 도구입니다. Atlassian이라는 회사에서 개발하고 유지보수하고 있으며, 웹 기반으로 작동합니다. 다음은 Jira 공식 홈페이지에서 소개하고 있는 Jira에 대한 소개입니다. Jira Software는 팀이 세계적인 수준의 소프트웨어를 자신 있게 계획, 추적, 릴리스 및 지원하는 데 사용하는 최고의 애자일 프로젝트 관리 도구입니다. 전체 개발 수명 주기에서 단일 정보 출처 역할을 하는 Jira Software는 자율적인 팀이 컨텍스트를 갖추고 더 큰 비즈니스 목표를 중심으로 소통하면서 빠르게 작업을 진행할 수 있도록 지원합니다. 간단한 프로젝트를 관리하는 데 사용하든 DevOps 관행을 강화하는 데 사용하든, Jira Software를 ..

Development 2023. 4. 2. 19:05

0부터 N까지 순차적으로 증가하는 숫자를 가진 배열을 만드려면, 다음과 같이 코드를 작성하면 됩니다: const arr = new Array(n).fill(0).map((_, i) => i); 위 코드를 설명하면 이렇습니다. new Array(n)으로 크기가 n인 배열을 생성합니다. fill(0) 메소드를 사용하여 0으로 초기화합니다. map 메소드를 사용하여 0부터 n-1까지의 값을 할당한 배열을 생성합니다. 참고 : fill() 메소드는 배열의 모든 요소를 전달된 인자로 채웁니다. 또, map 메소드는 배열의 각 요소에 콜백 함수를 적용하여 새로운 배열을 반환합니다. 이를 이용해서 위 예시에서는 인덱스 i를 해당 요소에 할당하여 0부터 n-1까지의 값을 생성하였습니다.

FrontEnd/Java Script 2023. 3. 14. 01:43

Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render. 이 에러 메시지는 React에서 컴포넌트가 상태 업데이트의 무한 루프를 유발할 때 발생합니다. 무한 루프 발생 원인 🤓 일반적인 원인 중 하나는 useEffect 훅이 컴포넌트 내부에서 상태를 업데이트하면서, useEffect 훅이 의존성 배열이 없거나 의존성이 매번 렌더링될 때마다 변경되기 때문에 무한 루프를 발생시키는 것입니다. 예를 들어 다음..

FrontEnd/React 2023. 3. 14. 01:33

커스텀 훅에서 변경된 리코일 상태가 컴포넌트에 반영되지 않는 이유는 여러가지가 있을 수 있지만, 이 포스트에서는 리액트 라이프사이클과 관련된 내용을 다루고 있습니다. 커스텀 훅에서 전역 상태를 업데이트했는데, 컴포넌트 리렌더링은 일어나지 않는다?! 😣 리코일로 관리하는 상태를 업데이트해주는 커스텀 훅을 사용하는데, 상태가 업데이트 되어도 컴포넌트 리렌더링이 일어나지 않는다면 커스텀 훅에 useEffect() 훅을 통해 컴포넌트의 라이프사이클을 잘 제어하고 있는지 먼저 확인해보는게 좋습니다. 커스텀 훅은 일반적으로 리액트 컴포넌트 내부에서 사용됩니다. 컴포넌트는 상태(state) 또는 속성(props)이 변경될 때마다 다시 렌더링됩니다. 그러나 커스텀 훅은 컴포넌트의 라이프사이클과는 별개로 동작하기 때문에..

FrontEnd/React 2023. 3. 9. 00:12

살면서도 알게 모르게 놓치고 있는 복지 혜택이 참 많습니다. 정부, 지자체, 공공기관의 복지 정책이 매우 다양하고 내게 맞는 혜택을 찾기가 쉽지 않은데, 이런 문제를 해결해 줄 수 있는 사이트가 있습니다. ‘보조금24’라는 정부24 서비스를 통해 한 번에 내가 받을 수 있는 국가보조금을 확인하고, 신청할 수 있습니다. 보조금24 란? 보조금24는 나와 가족이 받을 수 있는 보조금을 확인하고 신청할 수 있는 서비스입니다. 14세 이상인 가족 구성원이 사전 동의 후 가족 맞춤 안내를 조회하면, 한 집에 사는 가족은 물론이며, 함께 살지 않는 가족(분리세대)의 보조금까지도 확인 가능합니다. 이 서비스에서는 정부, 지자체, 공공기관, 공기업, 교육청 등에서 제공하는 혜택들을 모두 포함하여 총 1만여 개의 보조금..

일상/생활정보 2023. 3. 1. 16:45

녹차는 세계에서 가장 널리 마시는 차 중 하나이며, 건강에 많은 이점이 있다는 것으로 알려져 있습니다. 뿐만 아니라 녹차는 다이어트에도 효과가 좋습니다. 이번 글에서는 녹차가 다이어트에 어떤 영향을 미치는지, 그리고 어떻게 녹차를 섭취해야 하는지에 대해 알아보겠습니다. 🍵 녹차가 다이어트에 미치는 영향 1. 대사 촉진 녹차에는 카페인과 카테킨, 폴리페놀 등의 성분이 들어 있습니다. 이러한 성분들은 대사를 촉진시켜 체지방을 분해하고 에너지 소비를 촉진시킵니다. 또한, 녹차는 지방의 산화를 촉진시켜 지방이 쌓이는 것을 방지하는 효과가 있습니다. 2. 식욕 억제 녹차에는 높은 농도의 카테킨과 아미노산이 함유되어 있습니다. 이러한 성분은 식욕을 억제하고 배고픔을 덜 느끼게 해줍니다. 이로 인해 녹차를 마시면 더..

일상/생활정보 2023. 2. 18. 00:43