서카츄

1. SSH란?SSH(Secured SHell)은 원격 컴퓨터에 접속하기 위해 사용되는 프로토콜 입니다.통신할때 아이디, 비밀번호 대신 SSH 공개 Key 를 전송합니다.SSH Key를 생성하면 2개의 키가 한쌍으로 생성됩니다.1) 비공개키 (Private Key)2) 공개키 (Open Key)SSH 통신을 할때 클라이언트에서 생성된 공개키를 통신하고자하는 서버에 저장합니다.이후 클라이언트가 서버에 통신을 시도할때 서버에 저장된 공개키가 클라이언트 로컬에 저장된 비공개키와 한쌍임을 확인하고 안전한 통신채널을 확립합니다. 2. SSH key 확인 (내 터미널에서 입력)cat ~/.ssh/id_ed25519.pub 확인 후 공개키 복사 3. 없으면 추가ssh-keygen -t ed25519 -C "..

깃허브 플로우 전략1. gitflow 전략2. CI/CD 전략 CI/CD란?CI/CD는 소프트웨어 개발에서 지속적인 통합(Continuous Integration)과 지속적인 배포 또는 제공(Continuous Deployment / Continuous Delivery)을 의미하는 약자입니다.CI (Continuous Integration, 지속적인 통합) - 인티그레이션 개발자들이 자주 코드를 통합(merge)하고, 자동으로 빌드와 테스트를 실행하는 프로세스 목적 : 코드 충돌 방지, 품질 향상, 빠른 피드백 제공 예: GitHub에 코드를 push하면 자동으로 테스트가 돌고 빌드가 실패하면 알려줌CD (Continuous Delivery / Continuous Deployment, 지속적인 제공/배포..

Vercel에서 배포를 진행했는데, 팀 배포는 2주일 동안 무료로 진행되는 거라 개인 배포로 진행해보기로 했다. 그 전에 할일1. 팀 레포 fork떠가기 2. 버셀에 fork 떠간거 개인 hobby로 배포해두기 먼저 이 두개를 세팅해둔 뒤, 깃허브 세팅으로 들어간다. 깃허브 세팅 먼저 내 깃허브로 들어가서 Settings로 들어간다 설정으로 들어갔으면, 맨 왼쪽 아래에 있는 Developer settings를 클릭해준다. 그리고 Tokens(classic)을 클릭 한 뒤, Generate a personal access token을 클릭해줘서 토큰을 발급 받아 준다. 이름을 입력해주고, 나는 토큰 발급 기간을 무제한으로 설정해주었다. 그리고 아래에 있는 repo만 체크하고 맨 아래에있는 Generate ..

// 2. 이 코드는 Iframe Player API를 비동기적으로 로드한다. !!필수!! var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. API 코드를 다운로드 받은 다음에 을 생성하는 기능 (youtube player도 더불어) var player; function onYouTubeIframeAPIReady() { player = new YT.Player..

https://prettier.io/docs/en/configuration.html 협업할때 코드줄이 중구난방일때가 있는데, 그럴때 많이 사용한다. // settings.json 에 아래 코드 삽입 시 html 파일에서도 프리티어 동작 "editor.formatOnSave": true, "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[json]": { "editor.defaultForm..

a태그의 경우 href와 target 속성이 있어 편하게 외부 파일을 링크할 수있지만 a 태그를 제외하고 button,div등 href 속성이 없는 태그는 인라인 자바스크립트 외부 파일을 링크해야만 한다. location.href 또는, window.open 모두 사용할 수있다. → 새탭으로 외부파일을 띄울때는 window.open을 사용한다 _self 라는 부분을 넣지 않으면 기본적으로 새 탭으로 외부파일이 열린다. 현재 탭에서 띄울때 _self를 넣어줘야 함. 인라인 자바스크립트로 이전 페이지로 이동하기 history.go(-1); → 이전페이지 (한단계 뒤로 이동) history.go(-2); → 두단계 전 페이지로 이동 history.back(); → history.go(-1)과 동일 histor..

해당 레파지토리 들어가서 세팅 → 페이지 클릭 브런치부분 main으로 바꿔준후 SAVE 하면 링크 생성 https://깃허브 아이디.github.io/레파지토리 이름/index.html

/* 탭메뉴를 클릭하면 관련 내용이 나타나고 하이라이트 배경이 활성화된 메뉴위치로 이동합니다. */ // javascript 사용버전 const tabMenu = document.querySelectorAll('.tab-menu li'); const tabContent = document.querySelectorAll('#tab-content > div'); const highLight = document.querySelector('.highlight'); //클래스명 추가&삭제 /* 클래스명 제어 대상.classList.add('클래스명'); 대상.classList.remove('클래스명'); */ /* 요소의 위치를 찾아내는 법 대상.offsetLeft -> 가까운 부모중에 position 기본값이 ..