본문 바로가기

Programming206

[JS] To do List 구현 이전에 여러 포스팅을 이용해, D-day 카운팅하는 프로그램을 간단하게 만들고, 로컬스토리지에 저장하여 유지하는 거 까지 공부를 진행하였다. D-Day 카운팅과 관련된 것은 아래 주소를 이용해 다시 확인해볼 수 있다.그리고 오늘은 To do List를 구현해보려고 한다. [JavaScript] 날짜를 생성하는 New DateDate 생성자는 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성한다.Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 UNIXhong-study.tistory.com  [JS] D-DAY 카운트 구현[JavaScript] 날짜를 생성하는 New DateDate 생성자는 시간의 특정 지점을 나타내는 Da.. 2024. 6. 13.
[JS] Local Storage [JS] D-DAY 카운트 구현[JavaScript] 날짜를 생성하는 New DateDate 생성자는 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성한다.Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난hong-study.tistory.com이전 포스팅에서는 JS를 이용해 D-day 카운터를 구현을 해보았다. 하지만 입력한 D-Day 화면을 새로 고침할 때마다 내가 입력한 모든 값과 카운팅되는 값들이 사라지는 현상이 있는데, 이 문제를 Local Storage로 해결해보고자, 오늘은 Local Storage는 무엇이고 언제 사용하는 지에 대해 공부하려고 한다.웹 브라우저에서 어떠한 로직에 활용되는 데이터를 유지시키고자 한다면, 해당 데이터를 저장할.. 2024. 6. 13.
[AWS] EC2로 서버 연결하기 [AWS] EC2[AWS] IAM 서비스[AWS] AWS란?개발을 교육받으면서 몇 가지 의문점이 들 수 있었다. 개발만 하는 개발자? 개발과 동시에 서비스를 제공하는 개발, 서비스를 제공하며 커스터마징까지 가능한 개발자hong-study.tistory.com이전 게시글에서 EC2란 무엇이고 보안을 어떤 것으로 이루어져있는지 간략하게 공부를 했다.이번 포스팅은 EC2를 활용해 실제로 서버를 연결해보는 것을 하려고 한다.EC2 생성처음 AWS에 대해 설명할 때, Region에 대해 설명을 했다.  AWS 데이터 센터는 전 세계 각 지에서 구축하고 있기 때문에 우리가 SaaS으로 클라우드를 사용하게 되면 지정된 Region에 가상으로 생성이된다.1. Region : "서울" 로 선택. 2. 운영체제 선택 : .. 2024. 6. 13.
[AWS] EC2 [AWS] IAM 서비스[AWS] AWS란?개발을 교육받으면서 몇 가지 의문점이 들 수 있었다. 개발만 하는 개발자? 개발과 동시에 서비스를 제공하는 개발, 서비스를 제공하며 커스터마징까지 가능한 개발자 이런 의문점들hong-study.tistory.com이전 포스팅은 AWS에서 사용자를 추가하고 그룹 권한을 지정하는 것에 대해서 공부를 했다.오늘은 AWS에서 가장 중요한 EC2에 대해서 공부를 해보려고 한다.AWS EC2EC2 란 고가용성 가상머신 서버로, 클라우드에서 EC2를 사용하는 것은 여러 동작 원리를 파악하는데 반드시 필요하다.EC2는 기존의 가상화 기술방식의 서비스이다.각각의 EC2는 격리되고, 고객에게 격리된 EC2 서버를 각각 제공해 줄 수 있게 된다.EC2 인스턴스의 7가지 유형Gene.. 2024. 6. 13.
[JS] D-DAY 카운트 구현 [JavaScript] 날짜를 생성하는 New DateDate 생성자는 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성한다.Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 UNIXhong-study.tistory.com이전 게시물을 통해 new Date 함수를 이용해, 오늘의 날짜와 D-Day를 구해볼 수 있었다.오늘은 new Date 함수를 응용해 D-Day를 구현해보려고 한다.설명은 위해 아래와 같이 표기element : 초록색method : 파랑색Parameter : 주황색Variable : 빨강색HTML 구성 및 설명 D-DAY 0 일 .. 2024. 6. 13.
[AWS] IAM 서비스 [AWS] AWS란?개발을 교육받으면서 몇 가지 의문점이 들 수 있었다. 개발만 하는 개발자? 개발과 동시에 서비스를 제공하는 개발, 서비스를 제공하며 커스터마징까지 가능한 개발자 이런 의문점들이 들다보hong-study.tistory.com이전 게시글에서 AWS란 무엇인지 그리고 리전에 대한 걸 알 수 있었다. 오늘 IAM 서비스를 어떻게 이용하는 지에 대해 공부한 것을 기록한다.IAM 서비스란?IAM은 Identity and Access Management의 약어이다.데이터베이스를 초기에 사용하면 전체 관리자의 기본 값이 root로 되어 있고, root로 접속한 환경 아래에 하위 사용자를 만들어 여러 가지 데이터베이스를 만들어 사용한 기억이 있다. AWS 서비스도 이와 마찬가지라고 보면된다.하나의 U.. 2024. 6. 11.
[AWS] AWS란? 개발을 교육받으면서 몇 가지 의문점이 들 수 있었다. 개발만 하는 개발자? 개발과 동시에 서비스를 제공하는 개발, 서비스를 제공하며 커스터마징까지 가능한 개발자 이런 의문점들이 들다보니 자연스럽게, 배포란 무엇인가에 대해 알아보았고 일반일도 배포를 할 수 있는 여러가지 방법이 있다는 것을 알 수 있었다.그 중 Aamazon Web Service인 AWS 환경에서 배포하는 방법에 대해 공부하려고 한다.AWS 란?AWS는 지금은 흔히 클라우드 컴퓨팅이라고 알려진 웹 서비스 형태로 기업에 IT 인프라를 제공한다.시중에 제공하는 IT인프라구축 서비스 개수만 250개 이상을 이루고 있다.클라우딩 컴퓨팅이란?서버 환경을 직접 구축하려면 컴퓨터 장비, 운영체제, 네트워크, 보안, 소프트웨어 등의 많은 양의 지식을 필.. 2024. 6. 11.
[JavaScript] 날짜를 생성하는 New Date Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성한다.Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 UNIX 타임스탬프를 담는다.구문은 아래와 같이 기입하여 사용한다.new Date();new Date(value);new Date(dateString);new Date(year, monthIndex);new Date(year, monthIndex, day);new Date(year, monthIndex, day, hours);new Date(year, monthIndex, day, hours, minutes);new Date(year, monthIndex, day, hours, minutes, second.. 2024. 6. 11.
[Spring Boot] Spring Security를 이용한 JWT CORS Filter 로그인 커스터마이징하기 [Spring Boot] Spring Security를 이용한 JWT CORS필터체이닝기본적인 JWT 토큰 발행방법 [Spring Boot] JWT HMAC 암호화[Spring Boot] JWT[Spring Boot] Spring Security스프링 시큐리티스프링 시큐리티는 스프링에 login을 처리하는 모듈이다.같은 시큐리티 기반이라도 코딩hong-study.tistory.com이전 포스팅에서는 Spring Security 환경에서 CORS Filter를 적용하는 것에 대해서 공부하였습니다.이번 포스팅은 CORS Filter를 이용해 로그인 환경을 커스터마이징해보려고 합니다.Security 설정 파일 @Configuration@EnableWebSecuritypublic class SecurityCon.. 2024. 5. 30.
[Spring Boot] Spring Security를 이용한 JWT CORS필터체이닝 기본적인 JWT 토큰 발행방법 [Spring Boot] JWT HMAC 암호화[Spring Boot] JWT[Spring Boot] Spring Security스프링 시큐리티스프링 시큐리티는 스프링에 login을 처리하는 모듈이다.같은 시큐리티 기반이라도 코딩이 버전별로, 로그인방식에 따라 모두 다르다.시큐리hong-study.tistory.com이전 포스팅에서는 JWT HMAC 암호화 방식에 대해 공부를 하였습니다.지금은 조금 더 어려운 개념은 Spring Security를 이용한 JWT Cors 필터체이닝 방식에 대해서 공부해보고자 합니다.CORS 필터체이닝 방식을 적용하기에 앞서 CORS란 무엇인지에 대한 이해가 중요하다.CORS ( Cross-Origin Resource Sharing )웹 브라우.. 2024. 5. 30.
반응형