코딩뚠뚠

터미널에서 깃 작업시 user name 과 password를 적게 되어있다. 그런데 이제는 password가 아닌 token을 사용해야 된다고 한다. token 을 얻는 방법 1. settings 클릭 2. 맨아래 Developer settings 클릭 3. Personal access tokens 클릭 4. Generate new token 클릭 5. Repo 권한을 선택하고 생성 생성하면 토큰을 얻을 수 있다. 이 토큰은 생성시에만 보이니 꼭 복사해두길 바란다. 나는 복사 안해두고 몇번이나 재발급받았다ㅎㅎ 끝

프로젝트를 완성했다면 수익을 생각하지 않을 수 없다. 대표적인 방법으로는 구글 애드센스, 카카오 애드핏, 쿠팡 파트너스가 있다. 모두 광고 게재를 이용한 수익창출 방법이다. 그 중 카카오 애드핏을 적용하는 방법을 코드에 적용하는 방법을 알아보도록 하자 적용된 광고의 모습은 아래 페이지에서 확인할 수 있다. 카톡분석 왕 테스트 www.advancer-katalk.click 1.페이지 설정 - 카카오 애드핏 > 광고 관리 > 새 매체 > 광고 단위 등록 - 새 광고단위 > 광고단위명 및 배너 크기 선택 후 발급한다 - 아래와 같이 스크립트가 생성되었음을 알 수 있다. 2. 리액트 프로젝트에 적용 - function 형 컴포넌트 react 에서 script는 return에 사용할 수 없다. 위에 있는 스크립트..

Git 을 사용하는 환경은 다양하다 콘솔, Github Desktop, Github 웹페이지 등등 혼용하다보면 까먹기도 해서 역시 검색에 의존한다... 이 포스팅도 내 기억용 포스팅이다 원격 레포지토리 Local로 가져오기 Git 은 분산 버전 관리시스템이여서 로컬 Repo와 원격 Repo가 다를 수 있다. Repo 내의 branch도 역시 마찬가지이다. 우리가 기본적으로 사용하는 clone명령어는 branch 까지 clone 해오지는 않는다. 그래도 어떤 브랜치가 있는지 볼수는 있다 git branch -r 원격 Repo에서 로컬 Repo로 브랜치 내용을 가져오지 않아도 임시로 소스를 볼 수 있다 git checkout [원격브랜치 이름] 아래와 같이 dev 브랜치를 확인할 수 있다. 완전히 가져오려면..

오류내용 : DNS_PROVE_FINISHED_NXDOMAIN 위 에러는 많은 상황에서 발생할 수 있지만 내가 처한 상황은 아래와 같았다. AWS에서 도메인구입 S3 정적 호스팅 ACM 발급 CloudFront 사용해 https 적용 Route53에 CloudFront호스팅 --- 여기까지 정상동작 했었음 --- 정적웹호스팅 S3 파일 전체삭제 후 재업로드 Route53의 호스팅영역 삭제 후 재생성 정확히 어떤작업후에서 부턴지 모르겠지만 오류가 뜨며 사이트 접속이 되지 않았다. 우선 dig 명령어를 통해 서버에서 내 도메인이 어디까지 연결되어있는지 확인해보았다 윈도우 환경에 dig를 설치하기는 싫으니 dig web interface라는 사이트에 접속해 분석해보았다. 사이트에 접속후 Hostnames or..

AWS Lambda 를 이용한 Serverless 서비스 제작 중 현재 React를 이용한 FE쪽에 집중하고 있다. 이번엔 간단한 링크복사 버튼과 그에 대한 팝업을 만들어 보려 한다. 리액트 시작 포스팅은 아래에서부터 이어진다 [AWS] Lambda 프로젝트-4 / React 연동 파일 업로드 이전장까지 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해봤다. [AWS] Lambda 구축하기-3 / S3 trigger로 Lambda 호출 이전장 에서는 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해.. dbstndi6316.tistory.com 링크 복사 버튼 구현하기 - react-copy-to-clipboard 1. 라이브러리 설치 npm install ..

이전 4번 포스팅에서 React를 연동하여 S3에 파일을 업로드 해봤다. [AWS] Lambda 프로젝트-4 / React 연동 파일 업로드 이전장까지 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해봤다. [AWS] Lambda 구축하기-3 / S3 trigger로 Lambda 호출 이전장 에서는 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해.. dbstndi6316.tistory.com 하지만 사용자가 내 S3에 50GB 파일을 넣는다면? 그리고 그 파일이 계속 지워지지 않고 있다면? 요금 폭탄을 맞을 수 있다. 그래서 이번포스팅에서는 S3 관리 탭의 내용을 설정해보려한다. 1. S3 버킷 "관리" 탭에 접근해 "수명 주기 규칙 생성" 클릭 2. 규칙..

저번 포스팅에서는 React 라우터의 기본적인 사용방법을 익혀봤다. [AWS] Lambda 구축하기-7 / React 라우터 사용 이전장에서는 S3로 구성한 정적 웹호스팅에 AWS의 CDN 서비스인 CloudFront를 이용해 https 보안을 적용하였고, Route53을 통해 나만의 도메인을 적용시켜보았다. [AWS] Lambda 구축하기-6 / S3 정적웹호스팅 dbstndi6316.tistory.com 이번 포스팅에서는 요청에 대한 응답으로 클릭없이 페이지를 이동해보고자 한다. 우선 이를 사용하기 위해서는 react-router-dom이 설치되어있어야 한다. 이전 포스팅 참고 1. Functional Component - const navigate = useNavigate()를 function 내에..

이전장에서는 S3로 구성한 정적 웹호스팅에 AWS의 CDN 서비스인 CloudFront를 이용해 https 보안을 적용하였고, Route53을 통해 나만의 도메인을 적용시켜보았다. [AWS] Lambda 구축하기-6 / S3 정적웹호스팅에 https 적용 이전장에서는 AWS S3 bucket을 이용한 정적 웹호스팅까지 진행해보았다. [AWS] Lambda 구축하기-5 / S3 이용한 정적웹호스팅 이전장에서는 AWS S3에 파일을 업로드 하는 동작을 React로 연동해보았다. [AWS] L dbstndi6316.tistory.com 하지만, 앞장에서 까지의 서비스는 한 화면에서 동작하는 서비스였다. 이제는 페이지 이동을 위해 라우팅을, 그 중 먼저 React 에서의 라우터를 예제로 배워보도록 하자. 라우팅..