Front-end Developer

이미 S3와 Route53를 이용해서 사이트에 도메인을 설정하셨다는 가정하에 설명하겠습니다! 최대한 이해하기 쉽게 설명해볼께요! 1. 먼저 Certificate Manager에 들어가세요! 2. 지역을 꼭! 버지니아 북부로 설정하셔야합니다! 안그러면 cloudfront에서 인증서 발급이 안됩니다. 3. 도메인 이름을 추가해주세요! 4. DNS 검증을 선택해주세요. 5. 태그는 어떤 용도인지 잘 모르겠어요.. 안 설정해도 전혀 문제 없었습니다. 6. Route 53(파란색 버튼)을 클릭해주세요! Route53과 연동되있으면 따로 CNAME을 설정안해도 버튼한번이면 다 세팅이됩니다!(개꿀?!) 7. CloudFront에 들어가주세요 그리고 Create Distribution(파란색 버튼)을 눌러주세요! 8...

아이폰 11부터는 이미지 파일이 heic타입이기 때문에 사진을 업로드 할 때 jpeg 또는 png로 변환시켜야합니다. 파일 형식을 변환시키기 위해서 heic2any라는 라이브러리를 사용했습니다. 자세한 사용방법을 알기 원하신다면 https://alexcorvi.github.io/heic2any/ 로 들어가서 참고해주세요! 제가 어떻게 이 외부라이브러리를 사용해서 이미지 타입을 변환시켰는지 보여드리겠습니다. import heic2any from "heic2any" //heic2any라는 외부 라이브러리를 사용해서 문제를 해결했습니다. const selectFile = (e) => { const reader = new FileReader(); let file = fileInput.current.files[0..

Final Project 이제 파이널 프로젝트도 2주 밖에 남지 않았다. 이번주는 목요일까지 MVP 완성을 위해서 정신없이 달렸던 것 같다..ㅋㅋ 백엔드는 API를 다 만들어놔서 이번주에 조금 널널했지만, 나를 비롯한 프론트엔드 개발자들과 디자이너님이 아주 바쁘게 달렸다. 이미 만들어놓은 기능들에 디자인을 입히는게 생각보다 쉽지 않았고 시간이 많이 걸렸던 것 같다. 그리고 디자이너님도 아주 단시간에 웹디자인과 모바일 디자인을 다 만드셨어야되서 시간이 좀 더 걸리셨다. 목요일이 끝나기 직전까지 정신없이 디자인을 입혀서 완성하고 금요일부터 지인 마케팅을 시작했다. 부랴부랴 만들었기 때문에 생각보다 디테일하게 부족한 부분이 많았고 정말로 감사하게도 많은 분들이 피드백을 해주셨다. 이래서 유저 피드백을 받으라고..

Final Project 파이널 프로젝트를 시작한지 벌써 2주가 지났다. 두번 째 주는 드디어 새로운 디자이너님이 오셔서 기능 만 있던 프로젝트에 디자인을 입히기 시작했다. 첫번 째 주차는 백엔드 개발자 분들이 바쁘셨다면, 두번 째 주차는 프론트 개발자가 아주 바빴다..ㅎㅎ 나는 월요일날 갑자기 팀장님이 저보고 댓글에 태그 기능을 추가하라고해서 아침부터 새벽 3시까지 구현하려고 시도를 했지만 비효율적인 방법으로 그리고 에러가 계속 떠서 다시 방향을 틀고 다음날 저녁이 되서야 태그기능을 구현할 수 있었다. 지금은 태연하게 말할 수 있지만 그 당시에는 이틀동안 아무런 결과없이 한 가지 기능에만 매달리고 있으니까 팀원 분들한테 미안하고 무기력함을 느꼈다. 그래도 절대 불가능한 일이 아니라고 생각하면서 끝까지 ..

Final Project 항해99의 마지막 프로젝트가 드디어 시작됬습니다. 5주동안 6명의 개발자와 1명의 디자이너가 협업을 이루어서 서비스를 런칭하고, 마케팅을 해서 사용자들을 모아서 서비스에대한 피드백을 받고, 서비스를 더욱 develop해가는 시간입니다. 첫 2주동안은 MVP모델(Minimum Viable Product, 최소한의 기능을 갖춘 제품을 뜻함)을 만들고 서비스를 런칭할 계획입니다. 5주짜리 프로젝트인 만큼 팀을 뽑는것 부터가 기존과 달랐다. 팀 리더들이 먼저 아이디어를 가지고 지원을 하고 , 팀 리더와 팀원들은 서로 자신들의 1,2,3지망을 정해서 제출을 한다. 그 이후에는 항해99에서 만들어놓은 알고리즘을 이용해서 팀이 짜여진다. 우리조는 사전에 미리 팀장이 팀원들을 다 모아서 팀을 ..

ART_Seoul 항해99 8주차에도 7주차에 이어서 ART SEOUL 프로젝트를 진행하고 완성하는 시간을 가졌습니다. 그리고 기능을 더 많이 추가하기보다는 기존 기술들을 사용자가 사용하기 편하게 다듬는 시간을 가졌습니다. 프로젝트 노션 정리 프로젝트 이름 : ART SEOUL (2조) ART SEOUL 프로젝트 www.notion.so Github leedaeho1188/hh99_smallProject Contribute to leedaeho1188/hh99_smallProject development by creating an account on GitHub. github.com 2주동안 함께 프로젝트를 진행한 우리 조원분들과 함께 할 수 있어서 정말 좋았다. 단 한번도 트러블 없이 서로가 배려하면서..

클릭 된 버튼만 스타일링을 주는 것을 구현했습니다.🙂 버튼에 아이디 값을 주고 해당 아이디값에 스타일링을 주는 함수를 만들었습니다. 그리고 그 함수들을 각 종류 컴포넌트에 props 값으로 넘겨주어서 useEffect를 이용해서 그 컴포넌트가 실행 됬을 때 버튼을 스타일링하는 함수들이 실행되게 했습니다. import React, {useState} from 'react' import Drama from '../components/Drama' import Musical from '../components/Musical' import Classic from '../components/Classic' import Traditional from '../components/Traditional' import Da..

문제 코딩테스트 연습 - 모의고사 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 programmers.co.kr 문제풀이 function solution(answers) { var answer = []; let lst1 = [1,2,3,4,5]; let lst2 = [2,1,2,3,2,4,2,5]; let lst3 = [3,3,1,1,2,2,4,4,5,5]; let cnt1 = 0 let cnt2 = 0 let cnt3 = 0 for(let i = 0; i < (answers.length/lst1.length*lst1.length)+(answers.length%lst..