프로그래밍24 ubuntu https 통신 설정하는 방법 ssl 설정하기 https://jp-hosting.jp/nginx-lets-encrypt%EB%A5%BC-%ED%86%B5%ED%95%B4-nginx%EC%97%90%EC%84%9C-%EB%AC%B4%EB%A3%8C%EB%A1%9C-https-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0/ 2021. 10. 6. useMemo 사용 예시 1. 단일 컴포넌트에서 표시하는 경우 export function Price() { const prices = usePrices() // 훅을 호출한다 if (prices.length === 0) return null // 컴포넌트에 표시한다 return } function usePrices() { const { someData } = useSomeData() // 다른 훅을 사용해야 하는 경우 return React.useMemo(() => { if (!someData) return [] // 데이터가 없을때 해야하는 것이 있다면 정의한다 const result = someData return result .map((some) => ({ keyA: some.AAA, keyB: some.BBB, })) .. 2021. 9. 20. useCallback 사용 예시 페이지 컴포넌트에서는 아래와 같이 작성한다 export function SomePage() { const { closeSomething } = useSomething() const { pathname } = useLocation() const onClickButton = useCallback(() => { closeSomething(pathname) },[pathname, closeSomething]) return ( this button ) } 1. 버튼의 onClick 함수를 useCallback 으로 정의한다 2. useCallback 의 [ 파라미터 ] 부분에는 useCallback 안에서 사용했던 변수와 함수를 작성한다. export function useSomething() { const cl.. 2021. 9. 20. 리액트 lazy 와 @loadable/components 비교 리액트 페이지 로딩 성능을 개선하기 위해서 lazy 로딩을 할때가 있다. 사용할 수 있는 유명한 선택지는 2개이다. lazy 와 @loadable/components 간략하게 비교한 표를 첨부한다. 서버사이드 렌더링이 필요하다면 @loadable/component 서버사이드 렌더링을 하지 않는다면 react lazy를 써도 좋다. react lazy 를 쓰면 별도로 @loadable/component를 설치하지 않아도 된다. 2021. 9. 2. 기술면접 강의 안녕하세요 이번에 개발자 기술면접 강의를 열게 되었습니다. 지금까지 이직하면서 정말 많은 면접을 봤습니다. 신기했던 점은 기술면접에 나오는 질문들은 정해져있습니다. 지금까지 자주 나왔던 질문들을 엮어서 강의로 만들어봤습니다. https://www.inflearn.com/course/%EB%84%A4%EC%B9%B4%EB%9D%BC%EC%BF%A0%EB%B0%B0-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EA%B8%B0%EC%88%A0%EB%A9%B4%EC%A0%91 20번 넘게 면접 본 네카라쿠배 개발자의 이직 기술면접 기출 강의 - 인프런 | 강의 직접 2년 만에 연봉을 2배 이상 올려보고 알려주는 기술면접 기출문제 해설 강의입니다. 지금까지 20번 넘게 면접을 보았던 경험을 녹여 알려드립니.. 2021. 8. 9. 이전 1 2 3 4 5 다음
