티스토리

요가하는 개발자
검색하기

블로그 홈

요가하는 개발자

dbfl720.tistory.com/m

IT에 관심있는 사람들을 위한 블로그

구독자
2
방명록 방문하기
공지 요가하는 개발자 프로필 모두보기

주요 글 목록

  • DOM 이벤트의 주요 유형과 활용 가이드 🌱 오늘의 주제  : DOM 이벤트의 주요 유형과 활용 가이드         🌱 DOM 이벤트의 주요 유형과 활용 가이드 1. 마우스 이벤트사용자의 마우스 동작과 관련된 이벤트입니다.click: 요소를 클릭할 때 발생.예: 버튼을 클릭했을 때.dblclick: 요소를 더블클릭(빠르게 두 번 클릭)할 때 발생.mousedown: 마우스 버튼을 누를 때 발생.mouseup: 마우스 버튼을 뗄 때 발생.mousemove: 마우스를 움직일 때 발생.mouseover: 요소 위로 마우스가 올라갔을 때 발생.mouseout: 요소에서 마우스가 벗어났을 때 발생.mouseenter: 마우스가 요소에 진입할 때 발생(버블링이 없음).mouseleave: 마우스가 요소를 떠날 때 발생(버블링이 없음).2. 키보드 이.. 공감수 0 댓글수 0 2024. 12. 1.
  • Sourcetree를 이용한 Git 정리 🌱 오늘의 주제  : Sourcetree를 이용한 Git 정리         🌱 Stage hunk란?  Stage hunk란?SourceTree에서 **"Stage Hunk"**는 작업 디렉토리에서 변경된 특정 부분(hunk)만을 선택적으로 스테이징하는 기능입니다. 이를 통해 파일 전체가 아닌, 특정 부분의 변경 사항만 staging area로 옮겨서 커밋할 수 있습니다.선택적 커밋 관리파일의 변경 내용 중 일부만 스테이징하고 커밋하려는 상황에서 유용합니다. 예를 들어, 파일의 여러 부분을 수정했는데, 그 중 특정 부분만 먼저 커밋하고 나머지는 나중에 커밋하고 싶을 때 사용합니다.실험적 코드 제외작업 중에 시도한 실험적인 코드가 있을 때, 해당 부분은 스테이징하지 않고 필요한 변경 사항만 커밋할 수.. 공감수 0 댓글수 0 2024. 11. 10.
  • Oracle 문법 정리 🌱 오늘의 주제  : Oracle 문법 정리         🌱 Single Row Functions initcap : 첫 글자는 대문자로 변경select initcap('hello my name is yuri')from dual; length : 글자 수 출력select length(ename) as lengthfrom emp;  substr: 글자 자르기 (첫 순서, 끝 순서)select substr('hello', 2 ,2)from dual;        🌱 Grouping FunctionsNO group functions in where clause (Only single row functions allowed in WHERE clause) 그 대신에, having을 사용!  groupy by.. 공감수 0 댓글수 0 2024. 10. 14.
  • Oracle Database 🌱 오늘의 주제  :  Oracle Database       🌱 CREATECREATE Table topic (                 id NUMBER NOT NULL,                 title VARCHAR2(50) NOT NULL,                 description VARCHAR2(4000),                 created DATE NOT NULL);      🌱 SELECTSELECT * FROM                topci OFFSET 1 ROWS                FETCH NEXT 2 ROWS ONLY;  1번째부터 시작하는 행을 2개 가져온다.       🌱 UPDATE* 주의  - where절이 꼭 있어야함  UP.. 공감수 0 댓글수 0 2024. 9. 1.
  • AWS Cloud Practitioner Essentials 요약본 / 자격증 획득 후기 🌱 오늘의 주제  : AWS Cloud Practitioner Essentials 요약본 / 자격증 획득 후기    🌱 자격증 획득     1. AWS 공식 홈페이지  - AWS Skill Builder 영상 공부 (AWS Cloud Practitioner Essentials)2. AWS 백서 https://docs.aws.amazon.com/ko_kr/whitepapers/latest/aws-overview/aws-overview.pdf#introduction3. Examtopics 덤프 문제 988 모두 풀기 + 추가로 반바퀴 더 풀기(랜덤 500문제 이상)  🌱 요약본  *정리Amazon Neptune - 그래프 데이터베이스Amazon Aurora - 자가 복구 스토리지 /  MySQL , P.. 공감수 0 댓글수 0 2024. 7. 15.
  • AWS Cloud Practitioner 용어 정리 🌱 오늘의 주제  :  AWS Cloud Practitioner  용어 정리   도메인 1: 클라우드 개념(채점 대상 콘텐츠의 24%)도메인 2: 보안 및 규정 준수(채점 대상 콘텐츠의 30%)도메인 3: 클라우드 기술 및 서비스(채점 대상 콘텐츠의 34%)도메인 4: 결제, 요금 및 지원(채점 대상 콘텐츠의 12%)  AWS 공인 클라우드 전문가 시험은 65개 문항으로 구성되며 90분 안에 완료해야 합니다. 최소 합격 점수는 70%입니다.시험에는 객관식 및 선다형 두 가지 유형의 문항이 포함되어 있습니다.객관식 문항에는 정답 1개와 오답 3개가 있습니다.선다형 문항에는 5개 이상의 선택지 중 정답이 2개 이상 있습니다.70% 이상을 맞기 위해서는 46개 이상의 문항을 맞아야 합니다.맞춰야 할 문제 수.. 공감수 0 댓글수 1 2024. 7. 1.
  • Types of Could Computing 🌱 오늘의 주제  : Types of Could Computing          🌱 Infrastructure as a Service (IaaS)Provide building blocks for cloud ITProvides networking computers, data storage spaceHighest level of flexibilityEasy parallel with traditional on-premises IT     🌱 Platform as a Service (PaaS)Removes the need for your organization to manage the underlying infrastructureFocus on the deployment and management of .. 공감수 0 댓글수 0 2024. 6. 12.
  • AWS 정리 🌱 오늘의 주제  : AWS 정리         🌱 AWS 정리AWS Lambda는 서버리스 컴퓨팅 서비스로, 코드를 실행할 수 있는 컴퓨팅 리소스를 관리하고 필요할 때 자동으로 확장합니다. 사용자는 자신의 코드를 업로드하고 실행할 트리거를 정의한 다음, AWS Lambda가 필요한 인프라를 자동으로 프로비저닝하고 코드를 실행합니다. AWS EventBridge는 이벤트 기반 아키텍처를 구축하기 위한 완전관리형 서비스입니다. 이를 통해 다양한 애플리케이션, 서비스, 및 AWS 리소스 간의 데이터와 이벤트를 연결하고 라우팅할 수 있습니다. EventBridge는 이벤트 소스와 이벤트 대상 사이의 브로커 역할을 합니다. AWS SQS(Simple Queue Service)는 완전관리형 메시지 대기열 서비.. 공감수 0 댓글수 0 2024. 5. 24.
  • C# - Action Result 🌱 오늘의 주제 : C# - Action Result 🌱 C# - Action Result 공감수 0 댓글수 0 2024. 3. 20.
  • C# - Visual Studio 단축키 🌱 오늘의 주제  : C# - Visual Studio 단축키         🌱 C# - Visual Studio 단축키compile : ctrl + shift + b run : ctrl + f5Console.WriteLine : cw + tab 한 줄 삭제 : ctrl + x 드래그 후 주석 : ctrl + cConstructor : ctor + tabproperty : prop + tab ctrl + tab : 실행한 창으로 이동 to browser : alt + tabfind + replace : ctrl + h 리포멧 코드 (필요없는 using 지워짐, 혹은 코드 정리됨) :  ctrl + k + e 같은 이름의 변수 혹은 메소드 한꺼번에 변경 : ctrl + r 공감수 0 댓글수 0 2024. 3. 10.
  • Git submodule을 통한 application.yml 관리 🌱 오늘의 주제 : Git submodule을 통한 application.yml 관리 🌱submodule 사용법 private repo 생성 application.yml과 같은 설정파일을 저장할 private repo를 github에 생성하고, 관리할 파일을 push 해둡니다. project repo에 서브모듈 등록 등록은 어렵지 않습니다. 서브모듈을 등록할 project dir에서 아래의 git 명령어를 사용해주면 됩니다. 상위 디렉토리에 하위 디렉토리가 자동으로 추가됩니다. git submodule add [서브 모듈로 등록할 github repository의 주소] 서브모듈의 변경사항을 상위 레포지토리에 가져오기 git submodule update --remote build.gradle 편집 빌드.. 공감수 0 댓글수 0 2023. 12. 21.
  • Let's Encrypt와 Nginx로 HTTPS 만들기 🌱 오늘의 주제 : Let's Encrypt와 Nginx로 HTTPS 만들기 🌱 Let's Encrypt와 Nginx로 HTTPS 만들기 클라이언트와 WAS 사이에 리버스 프록시 서버를 두고 서버의 요청과 사용자의 요청을 대신 받는다. 클라리언트는 리버스 프록시 서버 뒷단의 WAS의 존재를 알지 못하기에 보안이 강화된다. 리버스 프록시 서버에 SSL 인증서를 발급해두어 HTTPS를 적용한다. WAS 서버가 여러대로 늘어나도 SSL 인증서 발급을 추가로 하지 않아도 되어 확장성이 좋다. CA는 무료 SSL 인증서 발급 기관인 Let's Encrypt를 사용한다. 그리고 편리한 SSL 인증서 발급 및 Nginx 환경 설정을 위해서 Cerbot를 사용한다. 🌱 준비해야 하는 사항들 한개의 서버 : AWS의 E.. 공감수 0 댓글수 0 2023. 12. 17.
  • Git 숨긴 폴더 표시하기 (Mac) 🌱 오늘의 주제 : Git 숨긴 폴더 표시하기 (Mac) 🌱 Git 숨긴 폴더 표시하기 (Mac) shift + command + . 공감수 0 댓글수 0 2023. 12. 12.
  • Docker _실행 실전편 🌱 오늘의 주제 : Docker _실행 실전편 🌱 Docker _실행 실전편 현재 실행 중인 도커 컨테이너 확인하기 $ docker ps 현재 실행 중인 이미지 확인하기 $ docker images 도커 이미지 pull 받아오기 (httpd) $ docker pull httpd 도커 실행하기 $ docker run httpd 도커 이름 바꾸기 docker run --name secondContainer httpd index.html 만들기 (현재 있는 directory에 생성) $ echo "I love YURI" > index.html 컨테이너의 파일 시스템과 호스트의 파일 시스템 연결하기 $ docker run -p 8999:80 -v /Users/hongyuri/Desktop/docker:/usr/.. 공감수 0 댓글수 0 2023. 12. 6.
  • 인텔리제이 단축키 정리 모음 🌱 오늘의 주제 : 인텔리제이 단축키 정리 모음(Mac) 🌱 인텔리제이 단축키 정리 모음 (Mac) test 만들기 : shift + command + T 변수 만들기 : option + command + V // Member member = memberRepository.find(savedId) 메소드 추출 : option + command + m 한줄 복사 : command + D 모든 파일 찾기 : command + shift + f test와 test 아닌 파일 이동 : command + shift + T devtool 재시작 : shift + command + f9 최근에 썼던 resource 나옴 : command + e inline : command + option + n 멀티라인 셀렉트: .. 공감수 0 댓글수 0 2023. 12. 6.
  • aws ec2 인스턴스 증발 🌱 오늘의 주제 : aws ec2 인스턴스 증발 🌱 aws ec2 인스턴스 증발 갑자기 사라진 인스턴스의 해결법은 리전선택을 원래 리전으로 선택한다. 공감수 0 댓글수 0 2023. 12. 1.
  • Script does not exist at specified location: / 🌳 에러 코드 Script does not exist at specified location: / 🌳 해결 방법 🌾 원인 : script를 gitignore 했더니 생긴 오류.. 🌾 해결 방법 : gitignore 풀기.. After 공감수 0 댓글수 0 2023. 11. 27.
  • Docker란?? 🌱 오늘의 주제 : Docker란?? 🌱 Docker란?? Docker는 애플리케이션 구축, 구현 및 테스트를 위해 격리된 가상화 환경을 생성하는 서비스형 플랫폼이다. Docker는 컨테이너 엔진으로 리눅스 커널 기능을 사용하여 운영 체제 위에 컨테이너를 만들고, Docker 자체는 서비스의 컨테이너를 관리하는 데몬으로 실행된다. 컨테이너에는 라이브러리, 시스템 도구, 코드, 런타임 등 소프트웨어를 실행하는데 필요한 모든 것이 포함되어 있다. 가상 머신에 비해 꼭 필요한 것만 담겨서 구동되기 때문에 이미지를 만들 경우 용량이 대폭 줄어들게 된다. 도커를 왜 사용할까? 1. 애플리케이션 독립성을 가진다. 호스트 OS, 다른 컨테이너와도 독립된 공간을 보장받아 충돌이 발생하지 않는다. 2. 컨테이너 내부에 .. 공감수 0 댓글수 0 2023. 11. 24.
  • DevOps - CI/CD 구축하기 #2 ( Github Actions, S3, Code Deploy, EC2) 🌱 오늘의 주제 : DevOps - CI/CD 구축하기 #2 ( Github Actions, S3, Code Deploy, EC2) 🌱 CodeDeploy CodeDeploy Agent 설치 다음의 명령어를 차례대로 수행하였다면 디렉토리에 install 파일이 생성되어 있어야합니다. # apt 업데이트 sudo apt-get update && sudo apt-get upgrade # JDK 11 설치 sudo apt-get install openjdk-11-jdk # Ruby 설치 (3.xx 버전 설치됨) sudo apt install ruby-full # wget 모듈 설치 sudo apt install wget cd /home/ubuntu # codedeploy 파일 다운로드 sudo wget htt.. 공감수 1 댓글수 0 2023. 11. 16.
  • DevOps - CI/CD 구축하기 #1 ( Github Actions, S3, Code Deploy, EC2) 🌱 오늘의 주제 : CI/CD 구축하기 #1 ( Github Actions, S3, Code Deploy, EC2) 🌱 CI/CD 구조 특정 브랜치에 Push, 또는 Merge 동작을 수행합니다. Github Actions에서 push 혹은 merge를 감지하고 정해진 Action을 수행합니다. Update된 코드를 바탕으로 Build와 Test를 수행합니다. 코드를 압축하여 zip파일을 생성합니다. S3에 zip파일을 업로드합니다. Code Deploy에 배포 요청을 내립니다. S3로부터 zip파일을 받습니다. 지정한 EC2 인스턴스에 애플리케이션 파일을 전달합니다. EC2 인스턴스에서 쉘 스크립트를 실행함으로써 배포를 완료합니다. 🌱 CD(Continuous Delivery, Continuous De.. 공감수 0 댓글수 0 2023. 11. 16.
  • javax.persistence.NonUniqueResultException 🌳 에러 코드 javax.persistence.NonUniqueResultException 🌳 해결 방법 🌾 원인 :Query.getSingleResult() 호출 했는데 결과가 2 이상일 때 반환. 🌾 해결 방법 : DB에서 중복된 쿼리 확인 후, 중복 되지 않은 쿼리로 request 보내서 해결. Before After 공감수 0 댓글수 0 2023. 10. 22.
  • Git - 명령어 정리 🌱 오늘의 주제 : Git - 명령어 정리 🌱 Git- 명령어 정리 git add . git commit -m "yuri" git push -u origin main git pull ----> git에 업데이트된 내용을 받을 수 있다. git clone git@github.com:freeCodeCamp/freeCodeCamp.git 공감수 0 댓글수 0 2023. 10. 19.
  • 발생한 예외의 종류에 상관없이 403 Forbidden 응답이 반환 With Spring Security 🌳 에러 코드 컨트롤러나 서비스 계층에서 발생한 예외의 종류에 상관없이 403 Forbidden 응답이 반환되는 문제가 생겼다. 기본적으로 스프링에서는 따로 예외 처리를 하지 않았다면 예외 발생 시 500 에러가 발생한다. 그런데 스프링 시큐리티를 적용하면 메소드에서 예외가 발생했을 때 403 에러가 발생한다. 심지어 존재하지 않는 URL로 접속하여 404 Not Found가 발생해야 하는 상황에서도 403 Forbidden이 발생했다. 🌳 해결 방법 스프링 공식 블로그에 따르면, 스프링부트에서는 에러가 발생하면 /error라는 URI로 매핑을 시도한다. 실제로 해당 URI로 이동하면 아래와 같은 페이지가 나타난다. Whitelabel Error Page 자체는 403 에러와 관련이 없지만 에러가 발생하.. 공감수 0 댓글수 0 2023. 9. 17.
  • 응답 헤더 없는 CORS 오류 with Spring Security 🌳 에러 코드 응답 헤더 (Authorization’, ‘Authorization-refresh) 토큰 관련 헤더가 들어오지 않는 문제. 🌳 해결 방법 🌾 해결 방법 : 응답 헤더 설정은 setExposedHeaders 메소드로 해결! Before Bean public SecurityFilterChain filterChain(HttpSecurity http) throws Exception { http .cors() // cors 설정 .and() ... return http.build(); } @Bean CorsConfigurationSource corsConfigurationSource() { CorsConfiguration configuration = new CorsConfiguration(); co.. 공감수 0 댓글수 0 2023. 9. 17.
  • JWT 토큰 소개와 Spring Security + JWT 코드 공유 🌱 오늘의 주제 : JWT 토큰 소개와 Spring Security + JWT 코드 공유 🌱 Stateful 서버 vs Stateless 서버 Stateful 서버 stateful 서버는 클라이언트에게 요청을 받을 때 마다, 클라이언트의 상태를 계속해서 유지하고, 이 정보를 서비스 제공에 이용합니다. 예를 들어, 세션이 있습니다. 예를 들어, 유저가 로그인을 하면, 세션에 로그인이 되었다고 저장을 해두고, 서비스를 제공할 때에 그 데이터를 사용합니다. 세션은 서버컴퓨터의 메모리 혹은 데이터베이스 시스템에 담습니다. Stateless 서버 Stateless 서버는 상태를 유지하지 않습니다. 상태정보를 저장하지 않으며, 서버는 클리언트측에서 들어오는 요청만으로만 작업을 처리합니다. 이렇게 상태가 없는 경우 .. 공감수 0 댓글수 0 2023. 9. 15.
  • 포트원 결제 - 카카오페이 (Spring, Java) With 시퀀스 다이어그램 🌱 오늘의 주제 : 포트원 결제 - 카카오페이 (Spring, Java) With 시퀀스 다이어그램 🌱 포트원 정보 및 설치 포트원 정보 및 설치는 아래 링크를 통해 실행하면 됩니다. 포트원 카카오페이 깃헙 : https://github.com/iamport/iamport-manual/blob/master/%EC%9D%B8%EC%A6%9D%EA%B2%B0%EC%A0%9C/sample/kakao.md 포트원 사이트 : https://portone.io/korea/ko 포트원, 온라인 비즈니스를 위한 통합 결제 솔루션 코드 한 줄로 세상 모든 방식의 결제를 경험해보세요 portone.io 🌱 포트원 이란? 국내 PG결제 연동을 쉽게해주는 결제 API 입니다. PG란 Payment gateway의 약자인데, .. 공감수 1 댓글수 0 2023. 9. 13.
  • Kakao 로그인(OAuth 2.0) in Spring Boot With 시퀀스 다이어그램 🌱 오늘의 주제 : Kakao 로그인(OAuth 2.0) in Spring Boot With 시퀀스 다이어그램 🌱 OAuth 2.0 이란? OAuth 2.0 을 간단하게 설명하면 어떤 서비스를 만들 때 사용자 개인정보와 인증에 대한 책임을 지지 않고 신뢰할 만한 타사 플랫폼에 위임하는 겁니다. 보안적으로 문제되지 않도록 안전하게 관리해야 하고 ID/PW 에 관련된 지속적인 해킹 공격 등 여러 가지 신경써야 할 부분이 많습니다. 하지만 OAuth 2.0 을 사용해 신뢰할 수 있는 플랫폼 (구글, 페이스북, 네이버, 카카오 등) 에 개인정보, 인증 기능을 맡기면 서비스는 인증 기능에 대한 부담을 줄일 수 있습니다. 🌱 OAuth 2.0 주요 용어 Authentication 인증, 접근 자격이 있는지 검증하는.. 공감수 1 댓글수 0 2023. 9. 12.
  • 월별 성별에 따른 조회 JPA - nativeQuery 🌳 Before 월별 매출에 따른 성별 수 조회 방법을 알아봅니다. 🌳 After 🌾 해결 방법 : COUNT(DISTINCT CASE WHEN C.gender = '남자' THEN B.id END)는 SQL 쿼리에서 사용되는 특별한 표현식입니다. 이 표현식은 다음과 같은 역할을 합니다. CASE WHEN C.gender = '남자' THEN B.id END: 이 부분은 C.gender가 '남자'인 경우에는 B.id 값을 반환하고, 그렇지 않으면 NULL 값을 반환합니다. 즉, '남자'인 환자의 경우에만 해당 환자의 B.id 값을 가지고 오고, 그 외의 경우에는 NULL을 반환합니다. COUNT(DISTINCT ...): 이 부분은 DISTINCT 키워드를 사용하여 중복된 값을 제거한 후, 그 결과의 개.. 공감수 0 댓글수 0 2023. 9. 8.
  • Mysql - (년도 + 월) 합쳐서 조회하기 🌳 에러 코드 Mysql - 년도, 월 따로 조회 되는 경우. 🌳 해결 방법 🌾 해결 방법 : 1. 년도별 월별 매출을 yyyy-MM 형식으로 표현하려면 CONCAT 함수를 사용합니다. 2. LPAD는 "Left Pad"의 약자로, 문자열을 특정 길이로 만들기 위해 왼쪽에 다른 문자를 채우는 함수입니다. 일반적으로 숫자나 문자열을 일정한 길이로 맞추는데 사용됩니다. 예를 들어, LPAD('7', 4, '0')은 문자열 '7'을 길이 4로 맞추고 왼쪽에 '0'을 채워서 '0007'을 생성합니다. 여기서 첫 번째 인수는 대상 문자열이고, 두 번째 인수는 목표 길이이며, 세 번째 인수는 채워질 문자입니다. 년도와 월을 표현할 때 년도는 4자리로, 월은 2자리로 표현하는 경우가 많기 때문에 LPAD 함수를 사용.. 공감수 0 댓글수 0 2023. 9. 7.
  • "could not extract ResultSet; SQL [n/a]; nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet", 🌳 에러 코드 "could not extract ResultSet; SQL [n/a]; nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet", 🌳 해결 방법 🌾 원인 :쿼리 문자열의 각 부분이 연결되어 있지 않아서 문법 오류가 발생 🌾 해결 방법 : "FROM reservation AS A "와 "SELECT A.reservationDate AS reservationDate " 의 문자열 간 공백을 추가하고 각 부분을 연결 (\n 추가) Before After 공감수 0 댓글수 0 2023. 9. 7.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.