개발정보32 VSCode Git 계정 변경 회사에서 사용하는 github 계정과 개인적으로 사용하는 github 계정이 달라서 집에서 회사 프로젝트를 확인하려고 clone을 받는데 오류가 발생했다. remote: Repository not found... 구글에 검색했을 때 많이 나오는 해결 방법인 git remote set-url origin ~ 방식은 똑같이 해도 해결되지 않았다. 그러다 자격 증명 관리에서 변경하면 가능하다는 내용을 따라해서 해결했기 때문에 소개 하려고 한다. 제어판 > 사용자 계정 > 자격 증명 관리자에서 일반 자격 증명에 있는 github 관련 증명을 모두 지워주고 다시 진행하는 것이다. 해당 증명을 모두 지우고 다시 clone을 하니 vscode에서 로그인 요청 안내창이 나오더니 로그인하니 clone이 되었다. 2023. 4. 13. 소프트웨어 개발 3대 원칙 - KISS, YAGNI, DRY 개발을 하다보면 많은 상황이 발생한다. 이때 품질 높은 코드를 작성하기 위한 원칙들이 있는데, 대표적으로 KISS, YAGNI, DRY가 있다. KISS Keep It Simple Stupid 의 첫 글자를 따서 만든 약어이다. 소프트웨어를 설계하는 작업이나 코딩을 할때 되도록이면 간단하고 단순하게 만드는 것이 좋다는 원칙이다. 코드나 설계 내용이 불필요하게 장황하거나 복잡해지는 것을 주의하라는 원칙이다. 당연하게 이들은 단순할수록 이해하기 쉽고, 이해하기 쉬우면 유지보수 등이 쉬워진다. 즉, 생산성 향상으로 연결된다. YAGNI You Ain't Gonna Need It 의 첫 글자를 따서 만든 약어이다. 개발하다보면 당장 필요하지는 않지만 확장성을 위해서 미리 작업하는 경우가 있다. 이런 작업을 하지.. 2023. 1. 26. RSS 피드란? 블로그를 하다보면 웹 마스터 도구 등에 RSS 를 추가해주게 된다. 그런데 이 RSS가 뭐길래 우리는 사이트맵과 함께 RSS 주소를 등록해야 할까? RSS Really Simple Syndication 의 약자가 RSS이다. ( 또는, Rich Site Summary ) RSS 리더 사이트 등으로 만든 RSS 주소를 들어가보면 최근에 등록한 게시글이 나올 것이다. 즉, 글이 올라올 때마다 RSS 주소에는 최신 게시글이 등록된다. 이러한 RSS 주소는 사람을 위해서 있는 것이 아니며, RSS 리더 프로그램 또는 사이트에서 RSS 피드 주소를 등록한다면 새로운 글이 올라올 때마다 알려준다. RSS 버튼을 통해서 사용자가 RSS 피드를 구독할 수 있긴 하다. 하지만 실제로 RSS 구독 을 위한 버튼을 활성화시.. 2023. 1. 21. CSS Scroll Smooth 웹사이트를 개발하다보면 특정 버튼을 누르면 해당 위치까지 스크롤을 자동으로 이동시켜야 하는 경우가 있다. 이때, 해당 기능을 수행해주는 패키지도 있겠지만 CSS로 처리하는 방법이 있어서 한번 작성해본다. 아주 간단하다. scroll의주체 { scroll-behavior: smooth; } 스크롤이 발생하는 녀석에서 scroll-behavior 옵션을 주면 이쁘게 스크롤된다! 2022. 12. 14. SEO SEO ( Search Engine Optimisation )에 대해서 알아보자! 우선 영어 그대로 해석해보면 검색 엔진 최적화이다. 검색 엔진에는 어떤게 있을까? ( Search Engine ) ? ▶ 구글 검색 엔진 ▶ 덕덕고 ▶ 네이버 검색 엔진 ... 등등등 이러한 검색 엔진은 어떻게 동작할까? ▶ 크롤러가 공개된 IP의 데이터를 전부 긁어 온다 ▶ 긁어온 데이터를 가공해서 화면에 노출시킨다. ▶ 여기서 어떤 데이터를 먼저 노출 시킬 지를 결정한다. => 여기서 SEO를 통해서 최상단에 나오게 하려는 노오력을 하게된다. 즉, SEO는 검색 결과로 내가 상단에 나오게 하기 위해서 하는 노오력이다. SEO는 어떻게 해야할까? 흔히 아는 방식으론 ▶ HTML 잘 사용하기 ▶ 웹 접근성 개선하기 ▶ 메타.. 2022. 12. 9. Error: Cannot find module 'semver' Node의 버전이 10버전이라서 ( 충격?! ) 업데이트를 진행하니 오류가 나타났다. 알고보니 내가 사용한 방법으로 node의 버전이 올라가지 않아서 버전 문제였다. (내가 사용한 방법이란 npm install -g n ) 그리서 nvm을 사용해서 버전을 올리는 작업을 했다 . sudo apt-get install build-essential libssl-dev curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash source ~/.bashrc 먼저 nvm이 없어서 설치하는 작업을 수행했다. nvm install 18.12.1 그리고 원하는 버전을 설치해서 정상적으로 node의 버전이 올라간 것을 확인했다. 2022. 12. 8. Naver Cloud 서버 만들기 들어가며. 본인 AWS 밖에 사용해보지 못했습니다. 그것도 대학교에서 과제한다고 한번.. 근데 이번에 Naver Cloud 서버를 만드려고 하는데 최신 버전은 뭐가 많아서 머리가 핑핑 돌아버려서 저와 같은 실수를 하지 않으셨으면 해서 적어봅니다... 고고! NCloud에 로그인을 하고 콘솔화면을 들어가면 위와 같이 있습니다. 좌측의 Services를 누르고 Server를 선택합니다. 그러면 본격적으로 서버를 생성해봅시다! 본인의 지갑 사정에 맞는 디스크 크기를 설정하고, 서버 이미지를 선택하세요! 여기가 어질어질한 곳이다.. VPC가 뭐여?! VPC는 내부 네트워크 대역을 선택하는 것이다. 사용할 수 있는 대역으로는 10.0.0.0/8, 172.16.0.0/12 192.168.0.0/16 대역을 사용할 .. 2022. 12. 6. Docker 이미지 실행 중 발생한 오류 /bin/sh: 1: [npm,: not found 사건의 발단 CI / CD 자동 배포를 공부하던 중 Docker Image를 만들어야 했다. 그런데 분명 코드가 문제 없다고 생각했는데, /bin/sh: 1: [npm,: not found npm이 없다는 오류를 내는 거였따?! 분명 처음에 node를 From을 통해서 받아왔는데, 안될 이유가 없었다... 해결 FROM node:18.12.1 RUN mkdir -p /client WORKDIR /client ADD . /client/ RUN npm i RUN npm run build ENV HOST 0.0.0.0 EXPOSE 3000 CMD ['npm', 'run', 'start'] 뭐가 문제인지 보이십니까?! 정말 홀리 몰리한 문제였습니다. FROM node:18.12.1 RUN mkdir -p /cl.. 2022. 12. 2. GitHub Actions 을 사용한 CI / CD - 이론편 GitHub Actions? 소프트웨어 개발에서 Pull Request, Push 등 작업을 할 때 마다 자동화된 작업을 할 수 있게 해주는 기능이다. 자동화 작업을 하는 경우는 아래와 같다. ▶ CI / CD 이번에 하게되는 작업으로, 자동으로 Push 후 빌드를 해서 배포를 해주는 작업을 할 것이다. 프로젝트를 작업할 때 자동화를 시키면 매번 수동으로 배포하는 일을 할 필요가 없어진다. ▶ Testing Pull Request를 보내면 자동으로 테스트 하는 작업도 구현이 가능하다. 그래서 테스트 성공하면 PR을 Open 또는 Close가 가능하다. ▶ Cron Job 특정 시간대에 스크립트를 반복해서 실행할 수 있는 기능을 구현할 수 있다. GitHub Actions의 구성 요소 GitHub Acti.. 2022. 11. 28. 이전 1 2 3 4 다음 반응형
