일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 문자열
- 해시
- Unity2D
- 스택
- Inventory
- 순열
- 스파르타내일배움캠프
- UE4
- Unity
- 포톤
- 워크플로
- Photon
- UnrealEngine
- 스파르타내일배움캠프TIL
- c#
- Firebase
- unityui
- 구현
- C++
- 언리얼엔진
- 알고리즘
- 이분탐색
- QueryDSL
- 프로그래머스
- FSM
- Unity3d
- BFS
- 내일배움캠프
- 유클리드호제법
- 유니티
- Today
- Total
목록Java (100)
개발 낙서장
오늘의 학습 키워드📚 AWS SQS Amazon Simple Queue Service(Amazon SQS)는 내구력 있고 가용성이 뛰어난 보안 호스팅 대기열을 제공하며 이를 통해 분산 소프트웨어 시스템과 구성 요소를 통합 및 분리할 수 있습니다. Amazon SQS는 배달 못한 편지 대기열 및 비용 할당 태그와 같은 공용 구성을 제공합니다. 또한 AWS SDK가 지원하는 모든 프로그래밍 언어로 액세스할 수 있는 일반 웹 서비스 API를 제공합니다. 아마존에서 제공하는 메세지 큐 서비스이다. 클라이언트에서 메세지를 전송하면 큐에 대기열에 저장되고 메세지 폴링을 통해 메세지를 수신 받아 처리할 수 있는 방식이다. AWS SQS를 프로젝트에 도입하게 된 이유는 기존에 거래 시스템에서 재고 관련 동시성 제어를 ..
오늘의 학습 키워드📚 아이앰포트 아이앰포트에서 결제 관련 API, 라이브러리, 모듈을 제공해준다. https://portone.io/korea/ko?utm_source=google&utm_medium=google_sa&utm_campaign=pf_conversion_2403_kr&utm_content=homepage&gad_source=1&gclid=CjwKCAjwoPOwBhAeEiwAJuXRh_jttiDjJ_JdfAh_RUobtxOnIxwgKOLxitkJGT1HSZNB0NcgF9UjHBoC-1cQAvD_BwE 포트원 | 온라인 비즈니스 성장을 돕는 기업 포트원이 제공하는 단 한 줄의 코드로 세상의 모든 결제를 손쉽게 연동해보세요. PG사 통합결제 연동, 해외결제, 파트너 정산 관리, 결제 애널리틱스, ..
오늘의 학습 키워드📚 depcheck 리액트를 사용하다 보면 부트스트랩, mui, joyui, router, 폰트 등등 수많은 라이브러리를 설치하게 되는데 설치하면 package.json 파일에 라이브러리의 간단한 정보가 담기게 되고 package-lock.json에는 정확한 버전과 의존성 트리가 담기게 된다. 그래서 라이브러리를 설치하다 보면 의존성이 꼬여서 빌드가 안 될 때도 있고 Git에 있는 프로젝트를 가져왔을 경우에도 버전이 맞지 않아 충돌이 발생할 수도 있다. 무엇보다 가장 큰(?) 문제는 메모리 관련 문제인데 이번에 프로젝트를 배포하면서 ec2 프리티어 환경에 배포를 했는데 계속해서 빌드가 되지 않는 문제가 발생했다. 코드 상으론 문제가 없어서 리액트 관련 문제일 것이다 생각해서 npm ru..
오늘의 학습 키워드📚 리액트에서 스프링으로 Params 넘기기 @GetMapping("/search") public ResponseEntity searchCommunityPost( @ModelAttribute CommunityPostListRequest request) { return ResponseEntity.ok(communityPostService.searchCommunityPost(request)); } 커뮤니티 글을 조회하는 API이다. ModelAttribute로 동적으로 Params를 받는데 페이지네이션이 돼야 하기 때문에 page에 관한 정보와 검색어, 카테고리 등에 대한 정보가 들어간다. 리액트에서 동적으로 Params를 받은 Json 형태 객체를 api 메소드 파라미터로 넘겨주고 axi..
오늘의 학습 키워드📚 배열 상태 업데이트 채팅 관련 UI를 작업하던 중 알게 된 내용이다. 리액트에서는 특정 변수의 상태 변화를 useState라는 포맷?으로 관리한다. 어떤 값의 상태와 상태를 변경하는 set 메소드로 이루어져있다. 해당 값이 단일 값인 경우 그냥 set 메소드를 실행하면 상태 변화가 되지만 배열 같이 여러 값을 가진 상태라면 값을 추가하는 방식으로 구현해야 한다. 하지만 useState는 상태를 변경하는 것이기에 add 같은 함수가 없는데 그래서 리액트에서는 이전 상태라는 개념을 제공한다. const [chatMessages, setChatMessages] = useState(messages); 채팅 메세지에 대한 상태이다. 처음에는 채팅 방에 있는 메세지들을 받아오기에 JSON 배열..
오늘의 학습 키워드📚 Axios 공통 설정 리액트에서 axios를 이용해 API 통신이 가능하다. axios .get(`/api/chat-rooms`) .then(response => { console.log(response.data); }) .catch(error => { console.error('Failed. Status: ' + error.response.status); }); axios.{HTTP 메소드}.then(성공 시 로직).catch(실패 시 로직) 이런식으로 API를 호출하고 로직을 처리한다. 하지만 API 개수가 수십, 수백개이고 전부 하드코딩을 한다면 나중에 수정이 생겼을 때 찾기가 굉장히 힘들 거고 공통 헤더 등을 설정하는 것도 고려를 해야 한다. 이런 설정을 할 수 있는 것이 a..
오늘의 학습 키워드📚 리액트란? 메타에서 개발한 오픈 소스 자바스크립트 라이브러리. 프론트엔드 개발자 사이에서 AngularJS, Vue.js와 더불어 많은 인기를 얻고 있다. GitHub Star 수와 npm 패키지 다운로드 수는 React가 가장 많다. SPA을 전제로 하고 있으며, Dirty checking과 Virtual DOM을 활용하여 업데이트 해야하는 DOM 요소를 찾아서 해당 부분만 업데이트하기 때문에, 리렌더링이 잦은 동적인 모던 웹에서 엄청나게 빠른 퍼포먼스를 내는게 가능하다. 기본적으로 모듈형 개발이기 때문에 생산성 또한 상당히 높은 라이브러리인지라 순식간에 대세로 떠올랐다. 거기에 기본적으로 프레임워크가 아니라 라이브러리인지라 다른 프레임워크에 간편하게 붙여서 사용하는 것도 가능하며..
오늘의 학습 키워드📚 JQuery에서 li 동적 수정 SSE를 이용해 채팅방의 수정 사항을 즉각 반영하는 부분이다. 이벤트를 통해 수정 API가 호출되면 수정된 정보를 받는 것까진 완료했는데 이걸 프론트에서 보여줘야 했다. // 방 목록 가져오기 함수 function getRoomList() { $.ajax({ url: "/api/chat-rooms", type: "GET", dataType: "json", success: function (rooms) { let roomListUl = $("#find-rooms-list"); roomListUl.empty(); rooms.forEach(function (room) { let li = $("").data("chat-room-id", room.chatRoo..