본문 바로가기

TIL/2022 TIL86

[항해99 92일차] 2022.06.06 TIL (지원주차 시작 ~!) 기나긴 여정도 아니지만, 공부하는데 오랜 시간을 보냈었던 3개월을 끝마침 하는 주차가 다가왔다. 바로 지원주차다 !! 지난주 토요일 6월4일에 결혼식이 있던 탓에 ㅠㅠ TIL을 3일 (?)동안 제대로 적지 못하였다. ㅠㅠ 이제 다시 시작이닷 !! 오늘은 내가 5주동안 했던 프로젝트를 정리해보겠다 ..!! 🤷‍♀️ 오싹? 어떤 서비스인가요? 🌱 오싹은 오피스와 공유 오피스를 지도에서 한눈에 모아볼 수 있는 정보제공 플랫폼입니다. 🤷‍♀️ 오싹에서 어떤 역할을 맡으셨나요? 🌱 부리더였습니다. 메인 지도 기능 , 필터 , 무한스크롤 , 전반적인 뷰작업(메인, 지도, 검색리스트, 시작, 마이페이지) , 프로필 수정 ,좋아요 기능, 회원 탈퇴, CI/CD구축, 카카오 로그인, https 배포를 맡았습니다. 🌱 오.. 2022. 6. 6.
[항해99 88일차] 2022.06.02 TIL (자바스크립트 개념 공부 2) 🎈모던 스크립트 0장 자바스크립트 기초🎈 07 ) 함수 함수는 온갖 계산과 작업을 수행하는 데 쓰이는 매우 중요한 도구이다. function greet(name){ console.log("hello" + name); }; greet("ryurim") // hello ryurim 해당 함수 첫 행의 괄호 안의 변수는 매개변수라고 불리며, 중괄호 안의 코드는 명령문이다. 여기에서 중요한 점은 원시 자료형이 함수에 전달될 때는 참조가 아니라 값의 형태로 전달된다는 점이다. 이는 해당 값에 대한 변경 사항이 전역적으로 반영되지 않음을 의미한다. 반면 원시 자료형이 아닌 객체나 배열을 함수에 전달할 때는 참조로 전달된다. (해당 값에 대한 수정 사항이 원래의 객체에 반영된다는 말) 함수 표현식 const gree.. 2022. 6. 2.
[항해99 87일차] 2022.06.01 TIL (자바스크립트 개념 공부) 대략적으로 프로젝트가 마무리 되고, 나 혼자 공부중이다. 프로젝트 유지 보수 하면서 자바스크립트 공부하고 이력서를 작성했다. !! 모던 자바스크립트를 읽고있는 내용을 조금 정리 해보겠다. 꾸준히 공부하는 것이 .. 중요하니까 !! 매일 매일 블로그에 정리해야지!! 🎈모던 스크립트 0장 자바스크립트 기초🎈 01 ) 변수 변수는 값을 담기 위한 공간이다. ES6이전에는 var로 변수를 선언했었지만, var는 문제가 많다. 오늘날에는 let const로 변수를 선언한다. 콘솔창에 const를 재 선언하면 오류가 난다 !! const로 선언한 변수에는 새 값을 할당할 수 없다. 다만, var, let은 변수에 값을 재할당 할 수 있다. var , let , const 모두 다른 소스에서 읽을 수 있는 내용임에도.. 2022. 6. 1.
[항해99 86일차] 2022.05.31 TIL (깃허브 액션 무중단 배포 s3) 오늘은 무중단 배포를 설정했다 ! 처음엔 .. 어려워보였는데 막상 하고나니 별거 없었다.ㅎㅎ 깃허브 액션즈로 들어가서 아래에 보이는 set up a workflow yourself를 클릭해줍니다. (main이나 master브랜치에서 해줘야된다 !! dev브랜치는 안됨 ㅠㅠ) 이렇게 커밋 뉴 파일을 해준다. 그렇다면 main.yml파일이 생긴다 !! 이제 aws s3로 넘어가서 IAM 권한을 설정해줄 차례다 !! IAM > 사용자 > 사용자 추가 > 스텝 1 사용자 세부 정보 설정 사용자 이름은 영어로 AWS 자격 증명 유형 선택은 첫번째 것 선택 후 다음 권한으로 이동 스텝 2 기존 정책 직접 연결 정책 필터 s3검색 후 AmazonS3FullAccess 선택 후 다음 권한으로 이동 스탭 3, 4, 5는.. 2022. 5. 31.
[항해99 85일차] 2022.05.30 TIL (인스타그램 이미지 슬라이더 매직도트 css커스텀) ㅠㅠ 저거..정말 많이 찾았는데.. 매직 도트라는 라이브러리가 있었다 !!! 매직 도트 깃허브 누군가가 잘..만들어놓았다.. 나도 나중엔 꼭 하드코딩으로 해봐야지 !! 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 ".... 2022. 5. 30.
[항해99 82일차] 2022.05.27 TIL (aws 클라우드 연결 시 뜨는 404에러 없애기) Cloudfront - S3 로 서비스하는 구조에서, S3에 SPA(ex. React)를 이용하여 구성을 하면 Redirect가 발생하여 403/404와 같은 Access Denied가 발생하게 된다. 이는 Cloudfront와 SPA의 조합이되면 발생할 수 밖에 없는 구조적인 문제이기에, Cloudfront에 403, 404 에러 발생 시, 200응답코드로 전환하고 기본 페이지(ex. index.html) 을 호출하게 설정하여야한다. 이 이유를 모르고 왜 404 에러가 콘솔창에 자꾸 뜨는지 이해할 수 없었다. 하지만,,클라우드 프론트에서 1개만 편집해줬더니 해결되었다!! 클라우드 프론트 > 오류페이지 > 사용자 정의 오류 응답 생성 아래 사진 처럼 응답 페이지 경로 /index.html로 설정해주고, .. 2022. 5. 27.