728x90 분류 전체보기104 [PHP] php 설치하기!! PHP란? PHP는 서버 측 스크립트입니다. PHP 프로그램은 내려받기 전에 웹 서버에서 실행됩니다. 웹 브라우저에 내려받은 코드는 프로그램이 실행된 HTML 코드입니다. 내려받은 HTML 코드에는 PHP 프로그램 코드가 포함되어 있지 않습니다. 그리고 PHP는 MySQL과 연동으로 사용하기에 주로 블로그, SNS, 쇼핑몰, 일정관리등을 만들 때 많이 이용합니다. PHP 다운로드 방법 1. https://windows.php.net/download에 접속하여 PHP설치파일을 다운로드합니다. PHP For Windows: Binaries and sources Releases PHP 8.0 (8.0.26) Download source code [23.47MB] Download tests package (ph.. 2022. 12. 29. [Apache] Apache 설치하기!! Apache란? 먼저 아파치는 월드와이드 웹 서버용 소프트웨어입니다. 아파치는 HTTP 아파치 서버로 불리고 이 아파치는 HTTP웹 서버입니다. 이 아파치는 많은 운영체제에서 운용할 수 있습니다. 예를 들면 BSD , 리눅스 등 Unix 계열 뿐만 아니라 우리가 사용하는 마이크로소프트 윈도우 등 여러 기종에서 사용이 가능합니다.아파치는 또한 세계에서 가장 많이 쓰는 웹 서버중 하나이다. 이 아파치는 Apache재단에서 만든 HTTP서버이며 이 서버가 굉장히 다양하고 기능적인 면에서 우수합니다. 또 구축이 쉽다는 이유 때문에 많이 사용합니다. 단, Apache자체만으로 엄청 무겁고 , Squid와 함께 Slowloris취약점이 발견되었기에 , 보통 프로그래밍 능력이 능숙한 사람들이나 , 대형사이트 운영자는.. 2022. 12. 28. [React] Hooks : optimizing 성능 최적화(3) - useCallback useCallback이란? useCallback은 useMemo와 비슷한 Hook입니다. useMemo는 특정 결괏값을 재사용할 때 사용하는 반면, useCallback은 특정 함수를 새로 만들지 않고 재사용하고 싶을 때 사용하는 함수입니다. useCallback의 사용법 const memoizedCallback = useCallback(function, deps); useCallback은 첫 번째 인자로 넘어온 함수를, 두 번째 인자로 넘어온 배열 형태의 함수 실행 조건의 값이 변경될 때까지 저장해놓고 재사용할 수 있게 해 줍니다. useCallback 안에 첫 번째 매개변수로 구현하고자 하는 함수가 들어오고, 두 번째 매개변수 자리에는 의존성 배열이 들어갑니다. useCallback을 사용하면, 함수.. 2022. 12. 26. [React] onClick 이벤트 발생 시 함수 실행하기 onClick 함수란? 사용자가 요소를 클릭했을 때 발생하는 이벤트입니다. 오류 발생 상황 컴포넌트가 렌더링 될 때 db에 있는 모든 자료들이 삭제가 되는 상황입니다. 코드 function CommentList() { const [comments, setComments] = useState(null); const fetchComments = async () => { const { data } = await axios.get("http://localhost:3001/comments"); setComments(data); }; const onDeleteComments = (id) => { dispatch(deleteComment(id)); axios.delete(`http://localhost:3001/co.. 2022. 12. 23. [React] Hooks : optimizing 성능 최적화(2) - useMemo useMemo란? useMemo는 컴포넌트의 성능을 처적화시킬 수 있는 대표적인 react hooks 중 하나입니다. useMemo에서 Memo는 Memoizaion을 뜻합니다. Memoization이란 기존에 수향하 연산의 결과값을 어딘가에 저장해 두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법입니다. 🔥기억하기!! 컴포넌트가 렌더링 된다는 것은 누군가가 그 함수(컴포넌트)를 호출하여 실행되는 것을 뜻합니다. 심지어 하위 컴포넌트에 최적화 설정을 해주지 않으면 부모에게 받은 props가 변경되지 않았더라도 리렌더링 됩니다. 컴포넌트는 자신의 state가 변경되거나, 부모에게서 받은 props가 변경될 때마다 리렌더링 됩니다. 심지어 하위 컴포넌트에 최적화 설정을 하지 않으면 부모에게 받는 pro.. 2022. 12. 22. [React] Hooks : optimizing 성능 최적화(1) - React.memo( ) React.memo( )란? 우선 memo( )는 훅이 아닙니다. 하지만 뒤에 공부할 useCallback이나 useMemo를 사용하기 위해서는 반드시 알아야 하는 개념입니다. React.memo( )는 Memorization(메모제이션) 기법으로 동작하며, 고차 컴포넌트(Higher Order Component, HOC)입니다. 컴포넌트가 props로 동일한 결과를 렌더링 하면, React.memo를 호출하고 결과를 Memoizaing(메모이징)하도록 래핑 하여 경우에 따라 성능 향상을 할 수 있습니다. 💥쉽게말해 화면에서 변경되는 부분이 없음에도 불구하고 아래의 이유로 화면이 다시 렌더링 될 때, 그 불필요한 렌더링을 줄이는 것으로 리액트 프로젝트의 부하를 줄이고 퍼포먼스를 향상시킬 수 있다는 뜻입니.. 2022. 12. 20. 이전 1 ··· 5 6 7 8 9 10 11 ··· 18 다음 728x90
