티스토리

빠작

검색하기

블로그 홈

빠작

bbazackcoding.tistory.com/m

빠작 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[항공 예약 챗봇 개발] 2. ec2 인스턴스에 개발용 환경 설정 로컬에 공간이 부족하고, django를 사용할 일이 거의 없기 때문에 ec2 인스턴스에 개발용 환경도 설정하여 작업하기로 결심했다.[EC2 인스턴스] ├── A: 서비스 돌고 있는 현재 디렉토리 (백엔드 서버) └── B: 동일 인스턴스에 다른 디렉토리로 깃 클론해서 개발용[깃 저장소] └── 수정사항 push하면 GitHub Actions로 EC2 서버 업데이트 1. ssh clone하기2. 환경 설정하기나는 기존 프로젝트를 fork 해온 후 그 기반으로 작업하고 있다.기존 프로젝트에서 local 실행은 venv에서 실행하도록 했기 때문에, ec2에도 venv를 설치해줬다. ec2에서 아래와 같이 실행하면 당연히 브라우저에서 접속이 불가하다.아래 명령어는 127.0.0.0에서 서버가 .. 공감수 0 댓글수 0 2025. 4. 22.
[React] UseState는 렌더링 될 때 state를 변경해준다 js는 모든 코드가 기본적으로 비동기적으로 작동한다. 그래서 서버에서 데이터를 가져올 때 항상 async랑 await를 사용해서 비동기적으로 작동하도록 코드를 작성해야 한다. 어떤 라인에 await를 붙이면 그 아래 라인들은 이 라인이 실행될 때까지 기다렸다가 작동하게 된다. 그런데 await가 무용지물인 곳이 있었는데..! 그것이 바로 UseState이다. await를 사용하면 동기적으로 코드가 실행되는 것은 맞다. await setState()를 사용하면 setState가 실행된 후 아래 라인이 실행되긴 한다. 문제는 setState가 실행되는 것과, 실제로 state가 변경되는 것은 별개의 사건이라는 것이다. setState는 실행되는 순간 state를 바꿔야겠다! 하고 메모만 해둔다. 그리고 실제.. 공감수 0 댓글수 0 2024. 1. 6.
[React] Shallow Comparison 어떤 배열을 업데이트한 후, 그걸 화면에 그대로 출력하려고 했는데 계속 안됐다. 새로운 원소를 추가하는건 잘 됐는데, 원소를 삭제하거나 기존 원소의 속성을 바꾸는건 되지 않았다. 그 이유는 React는 shallow comparsion을 사용하기 때문이다. 아마 객체를 비교할 때 원본 객체가 아닌, 그 복사본을 가지고 비교하는 듯 하다. 새 원소가 추가될 때는 다시 원본 객체의 복사본을 생성하지만, 삭제하거나 수정할 때는 기존의 레퍼런스를 그대로 사용하기 때문에 새로운 값이 화면에 나타나지 않는다. 아래 코드와 같이 새로운 배열 newnodes를 만든 후 nodes의 값을 그대로 복사해왔다. 그리고 newnodes에서 수정하고 싶은 원소를 삭제한 후, 수정본으로 새 원소를 만들어 다시 삽입해줬다. let.. 공감수 0 댓글수 0 2023. 8. 25.
[Spring Security] JWT로그인 구현 - 2. JWT 필터, TokenProvider JWT 로그인을 구현하면서 이해한 내용을 정리해보았다. 인프런에서 제공하는 아래 무료 강의를 보고 작성한 코드이다. https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-%EC%8B%9C%ED%81%90%EB%A6%AC%ED%8B%B0# [무료] 스프링부트 시큐리티 & JWT 강의 - 인프런 | 강의 스프링부트 시큐리티에 대한 개념이 잡힙니다., 스프링부트 시큐리티,제가 공부했던 걸 쉽게 설명드릴게요 🙂 스프링부트 시큐리티 github https://github.com/codingspecialist/-Springboot-Security-OAuth2.0-V3 htt www.inflearn.com 나는 프론트엔드 부분을 추.. 공감수 0 댓글수 0 2023. 8. 13.
[Spring Security] JWT로그인 구현 - 1. 필터 구조, CustomUserDetailsService JWT 로그인을 구현하면서 이해한 내용을 정리해보았다. 인프런에서 제공하는 아래 무료 강의를 보고 작성한 코드이다. https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-%EC%8B%9C%ED%81%90%EB%A6%AC%ED%8B%B0# [무료] 스프링부트 시큐리티 & JWT 강의 - 인프런 | 강의 스프링부트 시큐리티에 대한 개념이 잡힙니다., 스프링부트 시큐리티,제가 공부했던 걸 쉽게 설명드릴게요 🙂 스프링부트 시큐리티 github https://github.com/codingspecialist/-Springboot-Security-OAuth2.0-V3 htt www.inflearn.com 나는 프론트엔드 부분을 추.. 공감수 0 댓글수 0 2023. 8. 13.
[Spring] Spring Security 기본 개념-1. Authentication, Authentication Manager & Provider (+User, UsernamePasswordToken) JWT 로그인을 구현하면서 너무 많은 개념이 등장해 이해하기 힘들었다. 그래서 Spring 공식 문서를 읽고 이해한 내용을 정리해보았다. 우선 스프링 시큐리티에서 인증이 일어나는 전체 과정을 한 번 살펴보자. 우선 1단계를 살펴보자. Authentication은 1번 과정에서 필요한 개념이다. 즉, 모든 인증과정의 첫 단계를 밟기 위해 제출해야 하는 통행료같은 개념이라고 생각하면 쉽다. 이는 Principal, Credentials, Authorities로 이루어져 있다. Authentication의 구성 요소 Principal에는 사용자에 대한 정보가 담긴다. 그런데 서비스 측에서 사용자에 대해 추가적으로 기록해둔 정보가 아닌, 사용자가 가입할 때 제출했던 정보이다. Credential에는 주로 사용자.. 공감수 0 댓글수 0 2023. 8. 12.
[React 에러] Cannot read properties of undefined (reading 'get') 이렇게 CreateBoard.js에서 form 입력을 받고, 사용자가 제출 버튼을 누르면 그 다음 단계로 넘어가도록 구현하는 중이다. 이 과정에서 navigate를 사용하여 페이지 이동을 구현했다. 보통 form 제출에서는 navigate를 많이들 사용한다고 하길래! 그런데 이렇게 하면 서버에서 데이터를 못받아오고 자꾸 에러가 났다. 차라리 400번대나 500 에러가 뜨면 요청이 갔지만 중간에 문제가 있었구나... 인데 자꾸 이런 에러가 떠서 당황스러웠다. 그런데 콘솔 창을 잘 보니 그 이유를 찾을 수 있었다. CreateBoard에서 폼 입력을 받고, 제출 버튼을 누르면 CreateNetwork로 이동하는 구조이다. 두 과정에서 axios interceptor을 사용했는데 CreateBoard.js에서.. 공감수 0 댓글수 0 2023. 8. 10.
[Spring] application filter와 security filter 로그인 로직을 구현하기 위해 스프링 시큐리티에 대해 찾아보면서 정리한 글이다. 스프링에서 서블릿으로 리퀘스트가 넘어가기 전에 필터를 거치게 할 수 있다. 공부 과정에서 ApplicationFilterChain에서 적용되는 그냥 filter와 SecurityFilterChain에서 적용되는 security filter가 헷갈려서 여기 기록을 남긴다. 1. application filter chain과 security filter chain은 다르다 이 필터 체인을 application filter chain이라 한다. 그리고security filter chain은 따로 있다. DelegatingFilterProxy는 필터의 일종으로, 미리 지정한 targetBeanName을 기준으로 bean 객체를 찾아 .. 공감수 0 댓글수 0 2023. 7. 28.
[Spring] 의존성을 주입하는 방법 의존성을 주입하는 방법은 3가지가 있다. 1. 생성자 주입 @component 어노테이션과 @Autowired 어노테이션의 조합이다. @Service public class NodeEditService { @Autowired private final NodeRepository nodeRepository; @Autowired private final BoardRepository boardRepository; public NodeEditService(NodeRepository nodeRepository, BoardRepository boardRepository) { this.nodeRepository = nodeRepository; this.boardRepository = boardRepository; } .. 공감수 0 댓글수 0 2023. 7. 26.
[Spring] bean을 스프링 컨테이너에 등록하는 방법 bean을 등록하는 방법은 2가지가 있다. 1. @component 어노테이션 빈으로 등록하고자 하는 클래스 위에 @component 어노테이션을 붙여주면 된다. 흔히 사용하는 @controller, @service, @repository 같은 어노테이션도 @component의 일종이다. 보통 사용자가 직접 생성한 객체를 등록하고 싶을 때 자주 사용한다. 2. @configuration, @bean 어노테이션 @configuration 어노테이션의 설명을 보면 Indicates that a class declares one or more @Bean methods and may be processed by the Spring container to generate bean definitions and se.. 공감수 0 댓글수 0 2023. 7. 26.
[개발일지] 가계도 정리 사이트: 게시물 제목 클릭해서 본문으로 이동하기 게시물 제목을 클릭하면 본문인 가계도가 뜨는 기능을 추가했다. 이 때, 가계도를 구성하는 노드와 엣지는 db상에서 게시물(board)와 다른 테이블에 저장되어 있다. 그래서 이들을 불러오기 위해서는 제목을 클릭할 때 id를 서버에 같이 넘겨줘야 한다. 1. 전체 흐름 이러한 흐름으로 controller, service, 각종 html파일이 작동한다. 2. 큰 흐름 우선 실선 화살표로 표시된 흐름을 따라가며 코드를 리뷰하자. BoardController에 TitleClick()을 추가했다. view로 해당 게시글의 데이터를 보내는 코드이다. 이전에 저장된 노드들을 불러와 본문에 띄워야하기 때문에 NodeEditService의 GetNode를 통해 이들을 불러온다. 네트워크를 다루는 코드는 network_s.. 공감수 0 댓글수 0 2023. 7. 15.
[개발일지] 가계도 정리 사이트 현재 springboot를 통해 가계도 정리 사이트를 만들어보고 있다. spring에 대한 지식이 거의 없는 상태로, 일단 개발하면서 얕은 지식부터 쌓아나가자는 마음으로 프로젝트를 시작해 진행하는 중이다. 프로젝트를 진행하다보니 간단하게 진행 상황을 정리해두지 않으면 나중에 헷갈릴 것 같다는 생각이 들어 짧은 목표들을 달성할 때 마다 이를 정리한 개발 일지를 남겨보려고 한다. 나도 워낙에 아는게 없어서 남에게 이 글이 도움이 될 것 같진 않지만, 나같은 쌩초보들이 프로젝트를 시작하려고할 때 감을 잡는데 조금이나마 도움이 되었으면 좋겠다는 생각으로 깔끔하게 정리해보려 노력 중이다. 혹시나 고수분이 우연히 이 글들을 읽게 되면 틀린 부분 많이많이 지적해주시면 감사하겠습니다... 조만간 현재까지 작성한 코드 .. 공감수 0 댓글수 0 2023. 7. 15.

문의안내

티스토리
로그인
고객센터

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