본문 바로가기

전체 글

 (106)
React 성능 개선 하기 크롬 확장 프로그램 설치 하면 (React Developer Tool) component, profiler 생김 아래 그림에서 각각 컴포넌트 A, B 별 렌더 시간 나옴 React.memo 사용하여 성능 개선 const Message = React.memo(({ message }) => { return {message} }) useCallback 활용한 함수 최적화 아래 처럼 감싸서 함수 전달 하면 값, 참조 위치 등이 변할 때만 렌더링 됨 const B = ({message, posts}) => { console.log("B is rendered"); const testFunc = useCallback(() => {}, []); return ( B Component ) } useMemo 활용한 결과값 ..
github page 활용 npm install gh-pages --save-dev package.json에 추가 "private": true, "homepage": "https://{깃허브 유저 이름}.github.io/{저장소 이름}/", "scripts": { "start": "react-scripts start", "build": "react-scripts build", "deploy": "gh-pages -d build", npm run build npm run deploy 위 홈페이지 url 사용해도 되고 github 에 branch 중 gh-pages > settings > page 에 주소 있음 무료 호스팅 좋아요~
백엔드도 새로 시작 Spring Web 여기가서 새로운 이미지 generation https://start.spring.io/ IntelliJ에서 open file > build.gradle java 11로 전부 셋팅 https://velog.io/@kcho32/Execution-failed-for-task-compileJava.-invalid-source-release-11 https://parkjye.tistory.com/76#:~:text=%5B%EC%8B%9C%EC%9E%91%5D%EC%9D%84%20%EC%97%B4%EA%B3%A0%20%EA%B2%80%EC%83%89%EC%B0%BD,Java%2011%EB%A1%9C%20%EB%B3%80%EA%B2%BD%ED%95%A9%EB%8B%88%EB%8B%A4. 8080포트 쓰고 있을 때 변..
CSS Flex 제대로 한번 더 공부하자~! 보통은 수직으로 쌓임 가로세로값을 가질 수 있고 수평으로 쌓이게 display: inline-block; float, clearfix 등 배워야 함 display: flex; 쉽게 수평, 수직제어! flex는 container와 item으로 구성되어 있음 item 양쪽 끝에 붙이기 space-between https://heropy.blog/2018/11/24/css-flexible-box/ CSS Flex(Flexible Box) 완벽 가이드 많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F herop..
Swift 어려운 내용 메모리 관리 (ARC) struct Struct1 { var a: Int = 0 } class Class1 { var a: Int = 0 // 소멸자 deinit { print("class 1 deinit") } } //구조체 Stack - 메모리 공간이 그 위에 생김 //Stack 은 함수 내에 있는 변수는 함수 실행이 끝나면 바로 메모리 해제 //클래스 heap - 동적으로 메모리 관리 //클래스는 좀 더 긴 생명주기 //메모리 레퍼런스 카운트 var struct1 = Struct1() var class1: Class1? = Class1() //1 //메모리 레퍼런스 카운트 증가 (Strong 레퍼런스) var class2: Class1? = class1 //2 class1 = nil //1 clas..

티스토리툴바