기억의 조각들

왜 이미 로그인했는데 chat 버튼을 누르면 다시 로그인하라고 뜨는지 의문이었는데 openDetail() 안에 들어가는 url을 'http://localhost:8080' 에서 chatController에 정해준 '/chat' 으로 변경하니 해결되었다. 아마 다시 http연결을 하면서 세션이 해제되어 그랬던 것 같다. 네트워크 공부 필요해,,

부트스트랩의 table-success 를 분류 부분에만 적용 white-space: nowrap word-break: keep-all; vertical align: middle; 아이디 비밀번호 회원명 이메일 전화번호 우편번호 주소1 주소2 주소3 주소4 포인트 2 3 4 5 6 7 8 9 0 0 white-space HTML 요소 내의 공백(whitespace) 처리 방법을 정의하는 CSS 속성. 공백 문자(스페이스, 탭, 줄바꿈)의 처리 제어 가능 normal: 기본값, 연속된 공백 문자를 하나의 공백으로 처리, 줄바꿈 문자(개행)를 무시 nowrap: 연속된 공백 문자를 하나의 공백으로 처리, 줄바꿈 문자(개행)를 강제로 무시하지 않음. pre: 연속된 공백 문자를 유지, 줄바꿈 문자(개행)도 유지..

못쉥...

WebSocket 양방향 통신을 지원하는 컴퓨터 네트워크 통신 프로토콜의 하나 주로 웹 브라우저와 웹 서버 간의 실시간 데이터 통신을 위한 기술로 사용됨(ex. 채팅, 온라인 게임, 주식 시세 업데이트 등) HTTP 프로토콜과 달리, 클라이언트와 서버 간에 지속적인 연결을 제공하여 데이터를 실시간으로 교환 가능케 함 WebSocket API 및 프로토콜을 사용하여 클라이언트와 서버 간의 연결을 설정 및 유지 ※ 웹소켓은 특별한 경우가 아니면 클라이언트와 서버 간의 세션을 별도로 설정하지 않음!!! 우리가 받아오던 HTTP session는 다르다.!!! HTTP HTTP 프로토콜 기반, 클라이언트와 서버 간 요청-응답 모델 각 HTTP 요청마다 새로운 세션을 생성해야 함, 세션은 요청 간에 유지되지 않음 ..

직렬화 직렬화(Serialization)란 자바 시스템 내에서 사용하는 객체 또는 데이터를 자바시스템 외에서도 사용할 수 있도록 Byte 형태로 데이터를 변환하는 기술이다.(파일로 만든다고 보면된다.) Byte로 변환된 데이터를 다시 자바의 객체로 변환하는 기술을 역직렬화(Deserialization)라고 한다. 객체를 바이트 스트림으로 바꾸는 것, 즉 객체에 저장된 데이터를 스트림에 쓰기write 위해 연속적인serial 데이터로 변환하는 것이다. 직렬화의 주된 목적은 객체를 상태 그대로 저장하고 필요할 때 다시 생성하여 사용하는 것 JSON 데이터 유형 및 예시 JSON은 파싱 또는 직렬화 없이도 JavaScript 프로그램에서 사용할 수 있습니다. JSON은 JavaScript 객체 리터럴, 배열,..

@PathVariable은 RESTful API에서 URL 경로의 일부를 추출하고, @DestinationVariable은 WebSocket에서 STOMP 메시지의 목적지를 추출하는 데 사용됩니다. 즉, @RestController는 HTTP 응답 본문에 직접 데이터를 쓰고자 할 때 사용되며, @Controller는 HTML 뷰를 생성할 때 사용됩니다. , @EnableWebSocket은 순수한 WebSocket 프로토콜만 사용하고, @EnableWebSocketMessageBroker는 STOMP 프로토콜을 사용하고 메시지 핸들링을 지원하는 WebSocket 서버를 구성하는 데 사용됩니다. Webjars-locator-core는 웹 자원을 로딩할 때 필요한 리소스 경로를 계산하기 위해 WebJars를 ..

우선 부트스트랩 템플릿을 쓰기로 하고 thymeleaf-dialect로 header, footer 레이아웃을 만들었다. 처음에 붙였는데 다같이 나오지도 않고, 자꾸 부트스트랩을 어디에 넣어야할지 검색해도 모르겠고, 그랬는데 경로를 static을 빼고 설정하니 잘 나왔다! 하면 할수록 절대경로 / 상대경로에 대해 더 공부를 자세히 해야겠다는 생각이 든다. https://www.terracycle.com/ko-KR/ TerraCycle www.terracycle.com 정적인 홈페이지를 만들게 될 것 같아서 이 홈페이지를 참고하면 좋을 듯 하다!

https://bobosszone.tistory.com/entry/%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC-%EC%A0%84%EC%B2%B4%ED%99%94%EB%A9%B4-%EC%8A%A4%ED%81%AC%EB%A1%A4-fullpagejs 제이쿼리 전체화면 스크롤 fullpage.js fullpage.js는 웹 사이트에서 스크롤하면 페이지 단위로 움직이는 제이쿼리 플러그인이다. 과거, 현재, 미래를 나타내는 인트로 페이지를 만들어야 해서 고민하다가 단순하면서도 화면 단위의 움 bobosszone.tistory.com https://jos39.tistory.com/250 스크롤을 만들어주는 open source - jquery.slimscroll.min.js DIV기준으로로 스..