티스토리

seed IT
검색하기

블로그 홈

seed IT

seed0335.tistory.com/m

seed0335 님의 블로그입니다.

구독자
1
방명록 방문하기

주요 글 목록

  • TLI 90일 (23. 9. 15. 금) 최종프, auth2 인증, 웹소켓 웹소켓(WebSocket)은 양방향 통신을 제공하는 TCP 기반의 프로토콜로서, 실시간 웹 애플리케이션을 구축하는데 매우 유용합니다. 다음은 웹소켓의 주요 장점 5가지입니다: 양방향 통신: 웹소켓은 클라이언트와 서버 간에 양방향 통신을 지원하므로, 클라이언트나 서버가 요청 없이도 데이터를 보낼 수 있고 실시간으로 데이터를 수신할 수 있습니다. 이를 통해 실시간 업데이트, 채팅, 게임 등의 양방향 통신이 가능해집니다. 낮은 오버헤드와 효율성: HTTP와 달리 웹소켓은 핸드셰이크를 한 번만 수행하고 이후에는 오버헤드가 적습니다. 연결을 유지하면서 데이터를 꾸준히 전달할 수 있으므로, 빠르고 효율적인 통신이 가능합니다. 프록시 및 로드 밸런싱: 웹소켓은 HTTP와 달리 여러 메시지를 하나의 연결로 처리하기 때.. 공감수 0 댓글수 0 2023. 9. 15.
  • TLI 89일 (23. 9. 14. 목) 최종프, 최종 마무리, 리뷰 채팅 기능(장원) 수정 채팅 기능 백엔드 참고사이트 1,2 번 보시고, 이해 안되면 유튜브 2번 영상 보시면 됩니다. 실제 구현 유튜브 1번 영상 보시면 됩니다. 참고 자료 백엔드 참고 사이트 웹소켓, STOMP : https://velog.io/@msung99/웹소켓과-STOMP를-통한-실시간-통신-이해하기 정보 : https://brunch.co.kr/@springboot/695#comments 공식문서 : https://spring.io/guides/gs/messaging-stomp-websocket/ 유튜브 유튜브 웹소켓 소스(영어) : https://www.youtube.com/watch?v=TywlS9iAZCM&list=PLwbdu-k5vW2Zg8ADZojEC41RESCO3DvcW&index=.. 공감수 0 댓글수 0 2023. 9. 14.
  • TLI 88일 (23. 9. 13. 수) 최종프, 최종 마무리 배포 오늘 최종 프로젝트를 점검하고, 마무리를 하였습니다. 특별히 배운 내용은 없지만, 모든 내용을 점검하는 시간이었습니다. 공감수 0 댓글수 0 2023. 9. 13.
  • TLI 87일 (23. 9. 12. 화) 최종프, 풀캘린더 기능 팀원이 만든 캘린더 기능을 공부하고, 오류를 함께 수정해보았습니다. document.addEventListener('DOMContentLoaded', function () { $.ajax({ method: 'GET', url: '/studies/calendar1', contentType: "application/json", dataType: "json", success: function (data) { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { initialView: 'dayGridMonth', events : data }) calendar.render(.. 공감수 0 댓글수 0 2023. 9. 13.
  • WIL 16(2023.9.04~9.10) 최종프 진행중, 프론트 최종프로젝트라 바쁘고, 정리할 시간이 없다. 정신없이 바쁘다. 공감수 0 댓글수 0 2023. 9. 12.
  • TLI 86일 (23. 9. 11. 월) 최종프 ㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ 공감수 0 댓글수 0 2023. 9. 12.
  • TLI 85일 (23. 9. 8. 금) 최종프, 프로세스와 쓰레드, aws 프로세스와 쓰레드 비교 운영체제는 프로세스마다 독립된 메모리 영역을 Code/Data/Stack/Heap의 형식으로 할당합니다. 각각 독립된 메모리 영역을 할당해주기 때문에 프로세스는 다른 프로세스의 변수나 자료에 접근할 수 없습니다. 이와 다르게, 스레드는 메모리를 서로 공유할 수 있습니다. 프로세스가 할당받은 메모리 영역 내에서 Stack 형식으로 할당된 메모리 영역은 다로 할당받고, 나머지 Code/Data/Heap 형식으로 할당된 메모리 영역을 공유합니다. 따라서, 각각의 스레드는 별도의 스택을 가지고 있지만 힙 메모리는 서로 읽고 쓸 수 있게 됩니다. 즉, 치킨집에서 각자 일하는 공간이 있지만, 같이 보는 업무 가이드(Code)가 있고, 주문도 같이 받고(Data), 손님이 오고가는 홀 공간도 .. 공감수 0 댓글수 0 2023. 9. 8.
  • TLI 84일 (23. 9. 7. 목) 최종프, aws, Tdd TDD (Test-Driven Development)는 소프트웨어 개발 방법론 중 하나로, 소프트웨어를 개발할 때 테스트를 먼저 작성한 다음 그 테스트를 통과시키는 코드를 작성하는 개발 방식입니다. TDD는 소프트웨어의 품질을 향상시키고 버그를 줄이며 유지보수성을 향상시키는 데 도움을 줍니다. TDD의 주요 단계는 다음과 같습니다: 테스트 작성 (Test Write): 개발자는 먼저 구현하려는 기능 또는 모듈의 동작을 정의하는 테스트 케이스를 작성합니다. 이 테스트는 예상되는 동작과 예상 결과를 명시적으로 설명해야 합니다. 테스트 케이스는 실패할 것으로 예상됩니다. 테스트 실행 (Test Run): 작성한 테스트 케이스를 실행하여 현재 상태에서는 실패하도록 만듭니다. 이는 아직 구현되지 않았거나 잘못된 .. 공감수 0 댓글수 0 2023. 9. 7.
  • TLI 83일 (23. 9. 6. 수) 최종프, CI/CD, 코드 정리 CI는 지속적 통합, CD는 지속적 제공을 의미합니다. 오늘 배운 내용 최종프로젝트 코드를 정리했고, 전체코드의 흐름을 다시 한번 배우는 시간을 가졌습니다. 공감수 0 댓글수 0 2023. 9. 6.
  • TLI 82일 (23. 9. 5. 화) 최종프, 템플릿 조각 기능, 상단바 템플릿 조각 기능을 이용해서 상단 네비게이션을 구성했습니다. insert insert 공감수 0 댓글수 0 2023. 9. 5.
  • TLI 81일 (23. 9. 4. 월) 최종프 세션 기반, 토근 기반 차이점 세션 기반 인증과 토큰 기반 인증은 웹 애플리케이션 및 웹 서비스에서 사용되는 두 가지 다른 인증 방법입니다. 이 두 방법 사이에는 몇 가지 중요한 차이가 있습니다. 상태 (Statefulness) vs. 무상태 (Statelessness): 세션 기반 인증은 상태를 유지합니다. 서버는 클라이언트에게 세션 ID를 할당하고 이 세션 ID를 사용하여 클라이언트의 상태를 추적합니다. 클라이언트의 인증 상태는 서버 측에 저장되어 있으며 클라이언트가 로그인하면 세션에 대한 정보가 서버에 저장됩니다. 토큰 기반 인증은 무상태입니다. 클라이언트는 인증된 요청을 할 때마다 인증 토큰을 서버에 제공합니다. 서버는 이 토큰을 사용하여 클라이언트의 인증 상태를 확인하며 토큰에는 클라이언트의 인증 정보와 권한이 포함되어 있습.. 공감수 0 댓글수 0 2023. 9. 4.
  • WIL 15(2023.8.28~9.03) 최종프 진행중, 프론트 일주일을 돌아보며 최종 프로젝트가 진행 중이고, 채팅기능 백엔드 프론트를 구현하고 있습니다. @MessageMapping("/allChat.sendMessage/1") @SendTo("/topic/public/1") public ChatMessageRequestDto sendAllMessage(@Payload ChatMessageRequestDto chatMessageRequestDto, java.security.Principal principal) { if( principal == null) { chatRoomService.save(new ChatMessage(chatMessageRequestDto.getSender(), chatMessageRequestDto.getContent())); return .. 공감수 0 댓글수 0 2023. 9. 4.
  • TLI 80일 (23. 9. 1. 금) 최종프 로그인, 프론트, 백 연결 실제로 사용자가 사용하는 프론트엔드에서, 백엔드로 연결을 시도해보았습니다. 공감수 0 댓글수 0 2023. 9. 1.
  • TLI 79일 (23. 8. 31. 목) 최종프, 이메일 인증 기능 구현 오늘 배운 내용 이메일 인증 기능 : 구현자체는 어렵지 않았으나, 프로세스에 대한 고민을 많이 했습니다. 1번은 회원가입 도중 번호를 받는 방식 2번은 회원가입이 완료되고, 최종적으로 이메일을 확인해서 승인받는 방식입니다. 저는 2번 방식으로 구현했습니다. 1번 방식도 고려를 했으나, 사용자 편의성(이메일을 확인하고, 번호를 복사하고 다시 붙이는 수고로움)이 있어서 2번이 사용성이 좋다고 생각했습니다. 공감수 0 댓글수 0 2023. 9. 1.
  • TLI 78일 (23. 8. 30. 수) 최종프 로그인, 회원가입 프론트 적용 로그인 회원가입에 프론트를 적용하고 있습니다. 회원가입 또는 회원가입 공감수 0 댓글수 0 2023. 8. 30.
  • TLI 77일 (23. 8. 29. 화) 최종프 객체지향 프로그래밍, 이메일 인증 구현 소프트웨어를 개발할 때에 부품에 해당하는 객체들을 먼저 만들고, 이 객체들을 하나씩 조립해서 완성된 프로그램을 만드는 기법을 객체 지향 프로그래밍이라고 합니다. 회원가입에 사용할 이메일 인증 기능을 구현하고 있습니다. public void CreateMail(MailRequestDto mail){ SimpleMailMessage message = new SimpleMailMessage(); message.setTo(mail.getReceiver()); message.setFrom(senderEmail); message.setSubject(mail.getTitle()); message.setText(mail.getContent()); javaMailSender.send(message); } 공감수 0 댓글수 0 2023. 8. 29.
  • TLI 76일 (23. 8. 28. 월) 최종프, DI, IOC, 채팅 기능 구현 중 의존성 주입 (Dependency Injection, DI): 의존성 주입은 객체 간의 의존성을 외부에서 주입하는 패턴을 의미합니다. 이는 객체가 자신이 필요로 하는 다른 객체를 직접 생성하거나 관리하지 않고, 외부에서 생성된 객체를 제공받아 사용하는 것을 의미합니다. 이를 통해 더 모듈화된 코드를 작성할 수 있고, 유연성과 테스트 용이성이 향상될 수 있습니다. 제어의 역전 (Inversion of Control, IoC): 제어의 역전은 프로그램의 흐름 제어가 개발자가 아닌 프레임워크나 컨테이너에 의해 결정되는 것을 의미합니다. 이는 객체의 생성과 관리, 의존성 주입 등을 개발자가 아닌 외부 시스템이 담당하게 되는 것을 말합니다. 이는 코드의 재사용성과 유지보수성을 높이는 데 도움을 줄 수 있습니다. .. 공감수 0 댓글수 0 2023. 8. 28.
  • WIL 14(2023.8.21~8.27) 최종프 진행중, 채팅 기능 구현 일주일 동안 채팅 기능을 구현했습니다. Websocket 개념을 배우고, 실제로 사용해서 구현 중입니다. private final ChatRoomService chatRoomService; // 사용자 채팅 전달 // 전달 주소는 chatUrl에 따라 달라짐 @MessageMapping("/chat.sendMessage/{chatUrl}") @SendTo("/topic/public/{chatUrl}") public ChatMessage sendMessage(@Payload ChatMessage chatMessage) { return chatMessage; } // 사용자가 접속시, 접속 종료시 정보를 헤더에 저장 // 사용자 접속시 대화창에 정보 표시 // 주소는 chatUrl 에 따라 달라짐 @Mess.. 공감수 0 댓글수 0 2023. 8. 27.
  • TLI 75일 (23. 8. 25. 금) 최종프, TCP, UDP, 채팅방 종료 알림 구현 모두 네트워크 계층 중 전송계층에서 사용하는 프로토콜입니다. TCP는 3-Way handshaking과정을 통해 연결을 설정해서 신뢰도를 확보해서 순서를 보장하는 대신 속도가 느립니다. UDP는 순서를 보장하지 않고, 신뢰도가 낮은 데이터 전송을 하는 대신, 단방향 데이터 전송으로 속도가 빠르다는 차이가 있습니다. 따라서 TCP는 신뢰도가 필요한 HTTP통신, 이메일 등에 사용되고, UDP는 빠른 속도가 중요한 스트리밍 서비스에 사용됩니다. 채팅창을 사용자가 닫았을 때 아래와 방식으로 채팅방에 사용자가 떠났음을 알릴 수 있습니다. // 사용자가 최초 접속시 사용됨 주소는 chatUrl에 따라 달라짐 @MessageMapping("/chat.addUser/{chatUrl}") @SendTo("/topic/.. 공감수 0 댓글수 0 2023. 8. 25.
  • TLI 74일 (23. 8. 24. 목) 최종프, 쿠키 세션, 채팅방 생성 초대 쿠키, 세션 쿠키와 세션 모두 인증방식 중 하나입니다. 쿠키와 세션의 가장 큰 차이점은 정보가 저장되는 위치입니다. 쿠키는 클라이언트 측에서, 세션은 서버 측에 저장되고 관리됩니다. 정보의 특성에 따라, 사용자의 편의를 위하되 지워지거나 가로채거나 했을 때 큰 문제가 생기지 않을 만한 정보들은 쿠키에, 사용자나 다른 누군가에게 노출되어서는 안 되고 서비스 제공자가 직접 관리해야 하는 정보는 세션에 저장하게 됩니다. 모두 세션에 저장하게 된다면 접속자가 많을 때 서버에 부담이 커지므로 개발자의 판단하게 적절하게 분배해야 합니다. 유저 - 채팅방 - 채팅그룹 다대다 연관관계를 풀어서 1대다 다대1로 작성했습니다. 공감수 0 댓글수 0 2023. 8. 24.
  • TLI 73일 (23. 8. 23. 수) 최종프, 채팅 기능 구현 진행 상황 정리 기능 전체 채팅 : 같은 관심사(예 : 개발자 취업 준비)를 가진 사람들이 같은 카테고리 안에서, 자유롭게 대화를 나눌 수 있다. 실시간 정보 나눔 : 예) 자바 책 추천(자바의 정석이 좋아요? 이것이 자바다가 좋나요?), 예) 스프링 공부하려는데 내배캠 강의 괜찮나요? 잡담 : 공부하다가 힘들면 잡담도 나눔. 프로세스 닉네임 설정 → 주제 별 방 접속 → 접속 알림 → 채팅 → 다른 사람이 접속하면 접속 알림 → 채팅 나가면 접속 종료 알림 친구 채팅 : 내가 그룹을 만들고 초대 또는 참여를 해서, 친구랑 개인적인 이야기를 주고 받을 수 있다. 구현 난이도에 따른 개발 분리 전체 채팅 기능이 친구 채팅 기능 보다 쉽다고 생각함(이유는 아래 서술) 친구를 채팅방에 초대 또는 접속하는 코드 구현 대화 내용.. 공감수 0 댓글수 0 2023. 8. 23.
  • TLI 72일 (23. 8. 22. 화) 최종프, 채팅 기능 구현 1. websocket 스프링 관련 내용은 쉬우나, javascript 부분이 이해가 안되서 고생을 하고 있습니다. 웹소켓 구현!!! 공감수 0 댓글수 0 2023. 8. 22.
  • TLI 71일 (23. 8. 21. 월) 최종프, 관리자 기능, CS 공부 오늘 구현한 기능 1. 관리자 기능 시도 : 스프링 시큐리티를 이용해 구현함. 문제 : 접속이 불가능함 해결 : webconfig 설정 변경을 통한 해결 앎 : anyRequest().authenticated()를 설정해야 한다. 결론 : 유저별로 ROLE을 USER와 ADMIN 권한으로 ADMIN 사용자만 관리자 페이지에 접근할 수 있도록 하는 관리자권한 기능 구현에 성공했습니다. 오늘 공부한 내용 질문 : CPU 스케줄링이란? - 김장원 답변 : 운영체제가 프로세스들에게 공정하고 합리적으로 CPU 자원을 배분하는 것을 CPU 스케줄링이라고 합니다. 꼬리질문 : 어떤 방식으로 공정하고 합리적으로 CPU 자원을 배분할 수 있나요? 답변 : 프로세스마다 우선순위를 부여합니다. 상황에 맞게, 프로세스의 중요.. 공감수 0 댓글수 0 2023. 8. 21.
  • WIL 13(2023.8.14~8.20) 최종프 시작, 실제 서비스 제작 코드 고민 1. 팀프로젝트가 시작되었고, 스터디위드미라는 공부 플래너 사이트를 제작하기로 했습니다. 일단은 기존 과제에서 다른 팀원이 이미 작성한 코드를 공유 받고, 공부해보는 시간을 가졌습니다. 위 부분은 다른 팀원 여러번에 프로젝트를 거치면서, 완성을 시킨 부분입니다. 기능은 유저 관련해서, 로그인, 회원가입, 비밀번호 변경, 프로필 변경, 회원탈퇴 같은 기능이 있었습니다. 저와 다르게 구현한 코드가 많아서, 제가 가진 코드와 비교하면서 공부하고 통합하는 시간을 가졌습니다. 공감수 0 댓글수 0 2023. 8. 20.
  • TLI 70일 (23. 8. 18. 금) 최종프3일, RDBMS 정규화, 카카오Auth2 복습 RDBMS(Relational DataBase Management System)를 설계할 때, 중복을 최소화하면서 데이터 구조를 짜는 프로세스이다. 중복을 최소화하는 정규화를 하는 이유는 이를 하지 않으면 이상 현상(Anomaly)이 발생하기 때문이다. 이상 현상(Anomaly)이란? 정규화를 적절히 하지 않은 DB 또는 Relation(Table)에 데이터가 중복되고 이 Table에 어떠한 작업을 할 때 비합리적인 문제들이 발생하는 현상이다. 카카오 Auth2(아래 그림을 참고하며 카카오 서버와 어떻게, 정보를 주고 받는지 확인해보고, 구현해보는 기능을 복습했습니다.) 공감수 0 댓글수 0 2023. 8. 18.
  • TLI 69일 (23. 8. 17. 목) 최종프2, OAuth2, 페이지 레이아웃 기능 오늘 배운 내용 1. 카카오 구글 OAuth2 인증 : 클라이언트 부분에 대해서 공부하는 시간을 가졌습니다. 2. 타임리프 홈부분을 만들기 위해서, 템플릿 레이아웃 기능을 공부했습니다. 페이지 레이아웃 실제로 html. 파일 아래 부분이 위에 두 부분에 추가 된다. 공감수 0 댓글수 0 2023. 8. 17.
  • TLI 68일 (23. 8. 16. 수) 최종프로젝트 시작, 협업 1. 기술적인 능력도 중요하지만 협업하는 능력이 중요하다. 오늘 중요한 내용 : 소통 다른 사람에 의견을 잘 듣고, 가장 좋은 대안을 도출해내는 일이 오늘은 어려웠습니다. 결과물은 코드만 잘 치면 되는 것이 아니라, 서로 어떤 아이디어에 대해서 심도 있게 고민하고, 잘 정리해서, 정리 된 내용을 바탕으로 수정과 보완을 거쳐서 최종 결과물이 완성됩니다. 이 과정에서 코딩 실력도 중요하지만, 서로 물어보고, 이 방향성이 맞는지 확인하고 고민해야 올바른 결과물이 나옵니다. 잘 한다는 것은 서로 협의된 내용을 코드에 잘 녹여내는 것이다. 잘못된 시작은 좋은 결과물이 될 수 없다. 공감수 0 댓글수 0 2023. 8. 17.
  • TLI 66일 (23. 8. 14. 월) 팀프로젝트 종료 KPT Keep 1. 맡은 부분 최대한 몰입해서 구현하기 2. 회원가입, 마이페이지 구현 중 사용자 입장을 최대한 생각하여, 다양한 상황을 대비하려고 함 3. 아는 부분을 적극적으로 최대한 자세히 설명하여 모르는 팀원과 공유 4. 적극적으로 상황을 공유하고, 팀원들의 상황을 먼저 물어보고 같이 해결하기Problem 1. 배우지 않은 기능을 겉핡기 식으로 접근하여 해결하려고 함(프론트엔드, Ajax) - 오류 해결에 많은 시간을 소모함. 2. 프로젝트 초반부에 중요한 개념들에 대해 확실히 알고 진행하지 않음 - JPA : 다대다 - 깃허브 머지 : 리베이스, 브런치, 리버트, 리셋Try 1. 기본적인 프론트 지식도 필요함을 느껴서 공부하기 - 백엔드 부분만이 아니라, 프론트에서 어떤 식으로 데이터를 보내오는지 공.. 공감수 0 댓글수 0 2023. 8. 14.
  • WIL 12(2023.8.7~8.13) 팀프로젝트, 검증과 백엔드 프론트 연결 1 .이번주는 팀 프로젝트를 진행했습니다. 특별한 내용을 배우기 보다는 기존에 배운 내용을 가지고, 실제 요구사항에 맞는 코드를 구현하는데 힘을 쏟고, 서로 소통하면서 협업하는 시간이었습니다. 공감수 0 댓글수 0 2023. 8. 14.
  • TLI 65일 (23. 8. 12. 금) 오늘 배운 내용 아래 내용을 구현 중입니다. 로그인 [x] 로그인 여부에 따른 화면 변경 [x] 로그인O : 마이페이지, 로그아웃, 보드목록, 보드작성, 카드상세 [x] 로그인X : 로그인, 회원가입 [x] 로그인 [x] 성공 : JWT 토큰 생성 [x] 실패 [ ] 토근 만료시 흰 화면 → 쿠키에도 동일한 시간 적용 [x] 프론트 엔드 [x] 아이디 또는 비밀번호가 틀립니다. 경고창 출력 https://august5pm.tistory.com/8 [ ] 아이디 또는 비밀번호가 틀립니다 출력 후 → 배경화면 안 나옴 회원가입 [x] 회원가입 기능 [x] 가입하기 [x] 백엔드 검증 [x] 프론트 엔드 검증 표시 [x] 비밀번호에 아이디 포함 여부 [x] 비밀번호 불일치 [x] 아이디 중복 검사 [x] 회원.. 공감수 0 댓글수 0 2023. 8. 11.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.