반응형 분류 전체보기86 윈도우 알림 개발 with JAVA (feat. System Tray & StompSocket) 1. 윈도우 알림 개발의 필요성 요새는 앱 푸시/웹 푸시 등 알림 서비스가 보편화되어 있다. 그래서 그런지 윈도우 알림은 자주 쓰이진 않는 느낌? 하지만 나의 경우엔 아래 상황에서 사용자가 알림을 받을 수 있는 방법이 필요했다. 1. 웹 서비스이기 때문에 앱 없음. 2. 사용자가 웹에 항상 접속해 있지 않음. 3. 개발 언어는 JAVA로(왜? 내가 JAVA 개발자니까...) 물론 문자나 이메일 같은 방법도 있겠지만, 윈도우 알림을 사용해 보고 싶어서 만들게 되었다. 2. 서버/클라이언트 스펙 ** 서버 ** - Spring Boot 기반 어플리케이션 - Rest API로 사용자 메시지 수신 - stomp websocket 으로 사용자 메시지 websocket으로 전달 ** 클라이언트 ** - Spring.. 2024. 3. 14. [REACT] 렌더링 - 공식 문서랑 같이 공부하기 시리즈6 조건부 렌더링 컴포넌트 내부에 조건문으로 JSX를 동적으로 표현할 수 있다. (if문, 삼항 연산자, 논리 연산자 &&) if문 function Item({ name, isPacked }) { if (isPacked) { return {name} ✔; } return {name}; } export default function PackingList() { return ( Sally Ride's Packing List ); } 특정 조건일 땐 아무것도 반환하고 싶지 않다면 null 을 사용하면 된다. if (isPacked) { return null; } return {name}; 하지만 이 방법은 일반적이진 않는다. null 대신 조건부에서 제외시키는 방법으로 사용하는 것이 더욱 일반적이다. 삼항 연산자.. 2023. 11. 15. [REACT] JSX에서 Javascript 사용하기 - 공식 문서랑 같이 공부하기 시리즈5 JSX에서 Javascript 사용하기 JSX에서 문자열 속성은 작은 따옴표 또는 큰 따옴표를 사용한다. export default function Avatar() { return ( ); } 만약 src와 alt를 동적으로 지정하고 싶다면 어떻게 해야할까? 바로 " " 대신 { } 를 사용하는 것이다! export default function Avatar() { const avatar = 'https://i.imgur.com/7vQD0fPs.jpg'; const description = 'Gregorio Y. Zara'; return ( ); } 중괄호 { } 는 JSX에서 Javascript를 사용할 수 있게 해준다. 따라서 아래처럼 중괄호 사이에 함수를 호출할 수도 있다. const today =.. 2023. 11. 15. [REACT] JSX란 - 공식 문서랑 같이 공부하기 시리즈4 JSX란? Javascript를 확장한 문법으로 Javascript 파일 안에 HTML과 유사한 마크업을 작성할 수 있다. 리액트에서 렌더링 로직과 마크업이 같은 위치에 있는 이유 전통적인 웹은 HTML, CSS, Javascript로 이루어져 있고 HTML은 컨텐츠, CSS는 디자인, Javascript로는 로직을 작성해 보통은 분리된 파일로 관리를 해왔다. 하지만 웹이 동적인 환경으로 변화하면서 로직이 컨텐츠를 결정하는 경우가 많아졌다. 그래서! 리액트에서 렌더링 로직과 마크업(컨텐츠)가 컴포넌트에 묶여 사용된다고 보면 된다. HTML에서 JSX로 변환하기 아래는 HTML로 작성한 파일이다. Hedy Lamarr's Todos Invent new traffic lights Rehearse a movi.. 2023. 11. 15. 이전 1 2 3 4 5 ··· 22 다음 728x90 반응형
