순수나라

1.1 자바스크립트의 동등 비교더보기더보기의존성 배열에 대한 고민 : 보통 리액트에서 제공하는 eslint-react-config에 선언돼 있는 react-hooks/exhaustive-deps의 도움을 받아 해당 배열을 채우는데, 실제로 이것이 어떤 식으로 작동하는지, 또한 왜 이러한 변수들을 넣어야 하는지 이해하지 못하는 경우가 많음렌더링 관점 : 리액트 컴포넌트의 렌더링이 일어나는 이유 중 하나가 바로 props의 동등 비교에 따른 결과 리액트의 가상 DOM과 실제 DOM의 비교, 리액트 컴포넌트가 렌더링할지를 판단하는 방법, 변수나 함수의 메모이제이션 등 모든 작업은 자바스크립트의 동등 비교를 기반으로 함1.1.1 자바스크립트의 데이터 타입원시타입(primitive type)boolean참과 거짓..

​위의 코드처럼 required로 프론트에서 validation 하는 것과 백에서 validation 하는 것에 대해서 어떤 점이 다른지 자세히 알아보고 싶었다.사실 프론트 or 백에서 하는데 왜 백 or 프론트에서 검증을 또 해야할까? 라는 의문이 생겼다 💡 먼저, 프론트엔드와 백엔드에 대한 개념 정리를 해봅시다프론트엔드란?사용자가 웹 페이지를 열었을 때 볼 수 있는 화면을 만드는 작업입니다.즉, 프론트엔드는 사용자가 1차적으로 보는 인터페이스이기 때문에 사용하기 쉽고 보기 편해야하므로 사용자 경험을 핵심 가치로 삼아 직관적이고 사용하기 쉬운 UI(User Interface)를 구축해야 합니다. 백엔드는?사용자가 웹 페이지를 사용하면서 필요한 비즈니스 로직을 만드는 작업입니다.즉, 프론트에서 받은 사..

혼자 쇼핑몰 개발해보면서 Devops를 적용해야하는지에 대한 고민이 생겼다.특히 CI에 대해서 필요한가에 대해 궁금해져서 관련 글들을 찾아 보았다. 💡 먼저, Devops와 CI에 대해서 간단히 정리해보겠습니다.Devops란?Development Operations의 약어로, 소프트웨어 개발과 운영을 통합하여 효율성, 협력, 속도, 안정성을 개선하는 개발 및 운영 방법론입니다. Devops는 소프트웨어 개발부터 배포, 운영, 모니터링까지의 전체 생명주기를 관리하며, 개발과 운영 간의 협업을 강화하여 릴리즈 주기를 단축하고 문제를 신속히 해결할 수 있도록 돕습니다. 이를 통해 조직은 고객에게 더 빠르고 안정적인 제품 및 서비스를 제공할 수 있습니다. 이러한 Devops를 가능하기 위한 사례로 CI가 있습..

싱글톤 패턴에 대해서 공부하다가 싱글톤 패턴이 데이터베이스에서 커넥션 풀(Connection Pool) / 쓰레드 풀(Thread Pool)에서 왜 활용되는지 궁금해졌다. 💡 먼저, 싱글톤 패턴이란?특정 클래스에 객체 인스턴스가 하나만 만들어지도록 해 주는 패턴입니다.즉, 클래스 인스턴스를 하나만 만들고, 그 인스턴스로의 전역 접근을 제공합니다. 💡 자원 풀 - 커넥션 풀(Connection Pool) / 스레드 풀(Thread Pool)이란?시스템의 자원을 효율적으로 관리하기 위해 사용됩니다. 커넥션 풀이란?- 데이터베이스 커넥션을 미리 생성해두고 필요할 때 재사용함으로써 데이터베이스 연결과 해제에 소모되는 자원과 시간을 절약하는 기술스레드 풀이란?- 작업 처리를 위한 스레드들을 미리 생성해 두고 ..