백엔드 개발 블로그

Git 버전 관리 시스템(VCS)는 실수 혹은 기타 이유로 인해 코드가 손상되었을 때 손쉽게 복구할 수 있으며, 여러 사람이 협업 시 누가 어떤 부분을 수정하고 이슈를 만들어냈는지 쉽게 파악이 가능하다. 단순히 폴더나 파일을 날짜별로 만드는 것도 일종의 VCS라고 할 수 있지만, 사람이 실수할 여지가 많다. 이를 위해 RCS 등의 로컬 버전 관리 시스템이 개발되었다. 하지만 시스템 외부의 사람들과 함께 협업하기에는 로컬 버전 관리 시스템의 한계가 뚜렷했다. 이러한 기능을 목적으로 Subversion과 같은 VCS가 만들어졌는데, 이는 중앙집중식 버전 관리 시스템(CVCS)로서 버전 데이터베이스는 오직 한 곳의 서버에 저장되고, 협업자들은 각각 코드를 checkout해서 작업이 가능했다. 하지만 CVCS ..

React 17 버전을 기준으로 작성된 글입니다. (2022/04) TL;DR // KakaoAdfit.jsx import {useEffect, useRef} from "react"; function KakaoAdFit({unit, width, height, disabled}: any) { const scriptElementWrapper = useRef(null); useEffect(() => { if (!disabled) { const script = document.createElement("script"); script.setAttribute("src", "https://t1.daumcdn.net/kas/static/ba.min.js"); scriptElementWrapper.current.appe..

React 17 버전을 기준으로 작성된 글입니다. (2022/04) React Hook 기존 리액트에서는 간단한 형태의 컴포넌트는 함수로 표현할 수 있었지만, 상태 등을 저장하기 위해서는 클래스로 작성해야 했다. React Hook은 useState, useEffect와 같은 메커니즘을 추가하여 함수 형태로도 복잡한 컴포넌트를 작성할 수 있도록 했다. 기존 클래스 구조의 컴포넌트에 있었던 몇가지 문제들을 해결하고자 하였다. 참고: https://reactjs.org/docs/hooks-intro.html#motivation 기존의 클래스 컴포넌트와의 호환성 기존 리액트 코드를 그대로 사용할 수 있다. 기존 리액트 컨셉과 다르지 않으며, 오히려 더 직관적인 부분이 있다. 클래스 컴포넌트와 hook이 사용된..