도영스 공간

대략적으로 프로젝트가 마무리 되고, 나 혼자 공부중이다. 프로젝트 유지 보수 하면서 자바스크립트 공부하고 이력서를 작성했다. !! 모던 자바스크립트를 읽고있는 내용을 조금 정리 해보겠다. 꾸준히 공부하는 것이 .. 중요하니까 !! 매일 매일 블로그에 정리해야지!! 🎈모던 스크립트 0장 자바스크립트 기초🎈 01 ) 변수 변수는 값을 담기 위한 공간이다. ES6이전에는 var로 변수를 선언했었지만, var는 문제가 많다. 오늘날에는 let const로 변수를 선언한다. 콘솔창에 const를 재 선언하면 오류가 난다 !! const로 선언한 변수에는 새 값을 할당할 수 없다. 다만, var, let은 변수에 값을 재할당 할 수 있다. var , let , const 모두 다른 소스에서 읽을 수 있는 내용임에도..

오늘은 무중단 배포를 설정했다 ! 처음엔 .. 어려워보였는데 막상 하고나니 별거 없었다.ㅎㅎ 깃허브 액션즈로 들어가서 아래에 보이는 set up a workflow yourself를 클릭해줍니다. (main이나 master브랜치에서 해줘야된다 !! dev브랜치는 안됨 ㅠㅠ) 이렇게 커밋 뉴 파일을 해준다. 그렇다면 main.yml파일이 생긴다 !! 이제 aws s3로 넘어가서 IAM 권한을 설정해줄 차례다 !! IAM > 사용자 > 사용자 추가 > 스텝 1 사용자 세부 정보 설정 사용자 이름은 영어로 AWS 자격 증명 유형 선택은 첫번째 것 선택 후 다음 권한으로 이동 스텝 2 기존 정책 직접 연결 정책 필터 s3검색 후 AmazonS3FullAccess 선택 후 다음 권한으로 이동 스탭 3, 4, 5는..

ㅠㅠ 저거..정말 많이 찾았는데.. 매직 도트라는 라이브러리가 있었다 !!! 매직 도트 깃허브 누군가가 잘..만들어놓았다.. 나도 나중엔 꼭 하드코딩으로 해봐야지 !! yarn add react-magic-slider-dots 우선 라이브러리 설치를 먼저 해준다. 슬릭 슬라이더 컴포넌트 import React from "react"; import styled from "styled-components"; import Slider from "react-slick"; /* import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; */ import { ReactComponent as Next } from "....

Cloudfront - S3 로 서비스하는 구조에서, S3에 SPA(ex. React)를 이용하여 구성을 하면 Redirect가 발생하여 403/404와 같은 Access Denied가 발생하게 된다. 이는 Cloudfront와 SPA의 조합이되면 발생할 수 밖에 없는 구조적인 문제이기에, Cloudfront에 403, 404 에러 발생 시, 200응답코드로 전환하고 기본 페이지(ex. index.html) 을 호출하게 설정하여야한다. 이 이유를 모르고 왜 404 에러가 콘솔창에 자꾸 뜨는지 이해할 수 없었다. 하지만,,클라우드 프론트에서 1개만 편집해줬더니 해결되었다!! 클라우드 프론트 > 오류페이지 > 사용자 정의 오류 응답 생성 아래 사진 처럼 응답 페이지 경로 /index.html로 설정해주고, ..