[Tistory] [React] recoil로 전역 상태 관리하기

https://5ffthewall.tistory.com/71 [React] 리액트 context API의 리렌더링 방지를 통한 성능 최적화 하기 / useMemo 사용하기 https://5ffthewall.tistory.com/67 [React] 리액트 context API로 상태 관리 하기 Context API란? Context API는 React에서 전역적인 상태를 관리하고 컴포넌트 간에 데이터를 전달하는 데 사용되는 기능이다. 이를 통 5ffthewall.tistory.com 전 글에서 말했다 싶이 context API로 상태 관리를 했을 때 문제점에 대한 해결 방안으로 1. useMemo 사용하기 2. Dispatch provider와 Dispatch consumer 분리 가 있었다. 하지만 내부..

[Tistory] 베트남 나트랑 달랏 호치민 여행 관련 유용한 정보 공유

개인 참고 용도로 베트남 여행 시 도움 받았던 글 링크 올립니다. https://financeinfo.site/%eb%8b%ac%eb%9e%8f%ec%97%90%ec%84%9c-%ed%98%b8%ec%b9%98%eb%af%bc-%ec%9d%b4%eb%8f%99-%ea%b5%ad%eb%82%b4%ec%84%a0-%ed%83%80%ea%b3%a0-1%ec%8b%9c%ea%b0%84%eb%a7%8c%ec%97%90-%eb%8f%84%ec%b0%a9-feat/ 달랏에서 호치민 이동 국내선 타고 1시간만에 도착 (feat. 베트남 항공) – 가족 x 여행은 행복 달랏에서 호치민 이동하는 대표적인 방법인 버스와의 비용 비교를 해보겠습니다. financeinfo.site https://financeinfo.site/..

[Tistory] 쥬라기 월드: 폴른킹덤 (2018)에 등장하는 공룡들

안녕하세요, 여러분! 이번 글에서는 ‘쥬라기 월드’의 두 번째 영화인 ‘쥬라기 월드: 폴른킹덤’에 등장하는 주요 공룡들에 대해 이야기하려고 합니다. 이 작품은 다양한 종류의 공룡들을 포함하고 있으며, 각각의 특징과 역할이 있습니다. 이번 글에서는 이 영화에 등장하는 주요 공룡들에 대해 알아보겠습니다. 티라노사우루스 전작에 이어 쥬라기 공원 시리즈의 상징적인 공룡 중 하나인 ‘렉시’입니다. ‘렉시’는 화려한 등장을 하며 그린 아일랜드를 휘젓습니다. 이 공룡은 무시무시한 힘과 크기로 모든 공룡을 지배하며, 영화에서는 티라노사우루스의 힘에 대한 경외감을 느낄 수 있습니다. 티라노사우루스의 화려한 액션은 관객들을 매료시키며, 이 작품을 빛나게 합니다. 벨로키랍토르 이 작품에서 등장하는 ‘블루’는 이 영화의 주인..

[Tistory] 스프링부트 어플리케이션 디플로이먼트로 배포

https://velog.io/@sgwon1996/%EC%BF%A0%EB%B2%84%EB%84%A4%ED%8B%B0%EC%8A%A4-%ED%99%98%EA%B2%BD%EC%97%90-%EC%8A%A4%ED%94%84%EB%A7%81-%EC%96%B4%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0 쿠버네티스 환경에 스프링 어플리케이션 배포하기쿠버네티스 환경에 스프링 어플리케이션을 배포해보자velog.io 이거 디플로이먼트.YAML파일은 마스터 노드에서 APPLY 해야한다ssh키 생성할때 유저이름 . 로 하면 오류 발생할 수 도 있

[Tistory] 코드리뷰

목차유니티 WebGL과 TaskAOT, JIT – System.Reflection.EmitAddressable Asset System기타 내용(람다, event 최적화, 게임 서버 접속)코드리뷰 ● 유니티 WebGL과 Task유니티 WebGL은 C#의 Task를 못씁니다. 그 이유는 유니티 WebGL은 싱글스레드만 제공하기 때문입니다. 그래서 개발중에는 별 문제를 못 느낄 수 있지만 실제로 WebGL에서 실행하면 실행이 안되는 것을 알 수 있습니다.해당 문제를 해결하기 위해서는 코루틴을 통해 비동기를 구현하거나 UniTask라는 패키지를 사용해야 합니다. (https://github.com/Cysharp/UniTask)유니티는 PlayerLoop 시스템은 초기화와 프레임별 업데이트를 처리하는 다양한 시스..

[Tistory] 쿠키, 세션

Http의 비연결성, 무상태브라우저와 서버는 실제로 멀리 떨어져 있습니다. 이 둘은 연결되어 있는 것처럼 보이지만, 연결되어 있지 않습니다.만약 계속 연결되어 있다면 이 상태를 계속해서 유지시켜준다면 매우 큰 서버 비용이 발생하게 될겁니다.Http라는 프로토콜을 이용하여 통신하는데, 그 통신은 비연결성(Connectionless)와 무상태성(Stateless)로 이루어집니다.비연결성서버와 클라이언트가 연결되어 있지 않다는 것 입니다.채팅이나 게임 같은 것들을 하지 않는 이상 서버와 클라이언트는 실제로 연결되어 있지 않습니다.무상태성서버가 클라이언트의 상태를 저장하지 않는다는 것입니다.기존의 상태를 저장하는 것들도 마찬가지로 서버의 비용과 부담을 증가시키는 것 이기 때문에 기존의 상태가 없다고 가정하는 프..

[Tistory] EC2의 user data를 사용해 Init Script 작성

참고 블로그: https://velog.io/@_woogie/EC2%EC%8B%9C%EC%9E%91%ED%95%A0-%EB%95%8C-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%9E%90%EB%8F%99%EC%8B%A4%ED%96%89%ED%95%98%EC%97%AC-%EC%84%9C%EB%B2%84-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0feat.-pm2 https://docs.aws.amazon.com/ko_kr/AWSEC2/latest/UserGuide/user-data.html서버 재부팅시 자동으로 서비스 올라가는 스크립트를 작성할 것이다. ssh password 로그인 활성화#!/bin/bashsudo -ised -i ‘s/PasswordA..

[Tistory] [프로젝트] builder와 BeanUtils.copyProperties()

✅ 들어가며 첫 번째 Pull Request에서 받은 코드리뷰를 통해 고민해 오던 Entity에 Setter를 없애는 방법에 대한 힌트를 얻게 되었다. 나는 프로젝트에서 Entity↔DTO 변환을 위해 BeanUtils.copyProperties()를 사용하였다. 해당 방법을 사용하면서 Entity에 Setter를 생성해야 했어서 이전에 공부한 도메인 중심 개발과 상충되는 부분이 생겨 고민을 했었는데, 송아쌤과 스터디메이트의 코드를 보고 builder에 대해 공부해 보고 적용해보고자 한다. ✅ Builder 생성자에 @Builder를 붙여주면 빌더 패턴 코드가 빌드된다. 각 인자가 어떤 의미인지 알기 쉽다. Setter가 없으므로 불변 객체를 만들 수 있다. 한 번에 객체를 생성하므로 객체 일관성이 깨지..

[Tistory] [리액트] 전역상태관리 기준에 대한 고찰

다양한 상태를 관리하며 더 효율적인 상태관리에 대하여 고민하게 되었다. 📌 상태(state)는 무엇인가? 상태는 변하는 데이터이다. 더 정확히 말하자면 리렌더링에 영향을 미치는 변하는 값이다. 리액트에서 페이지는 주로 props나 상태에 영향을 받아 컴포넌트가 변화할 때 리렌더링이 된다. 리렌더링이 유발되면 가상 dom에서 변경된 부분만 캐치하여 실제 dom에 반영되고 우리가 의도한대로 값을 변경하여 보여준다. 📌 상태 관리의 종류 상태는 지역상태와 전역상태로 나뉘고 그에 따른 관리 방법이 다르다. 지역 상태 ( local state ) 관리 한 컴포넌트 안에서 useState를 통하여 상태를 선언하고ㅁ 상위 컴포넌트에서 하위 컴포넌트로 props를 넘겨 전달하는 props drilling 방식의 상태관..

[Tistory] 밀양 여중생 성폭행 사건 내용 정리 및 링크

이번에 백종원 유튜브 영상으로 인해 과거 밀양 여중생 성폭행 사건이 다시 뉴스에 오르내리고 있습니다. 여러가지 내용들이 많은데 관련 내용을 링크하였습니다. 밀양 여중생 성폭행 사건2004년 발생한 밀양 여중생 집단 성폭행 사건은 44명의 학생이 1년간 여자 중학생을 집단으로 성폭행한 사건입니다.  대부분의 가해자들은 1986 – 1988년 생 고등학생으로 알려져 있습니다. 당시 한 명의 학생도 처벌 받지 않아 더욱 이슈가 되었습니다. https://namu.wiki/w/%EB%B0%80%EC%96%91%20%EC%97%AC%EC%A4%91%EC%83%9D%20%EC%A7%91%EB%8B%A8%20%EC%84%B1%ED%8F%AD%ED%96%89%20%EC%82%AC%EA%B1%B4가해자 백종원 영상에 등..