보통 한번 깃허브에 프로젝트를 올려놓으면 계속 같은 레포지토리에 작업을 하기 때문에 사실 깃허브에 프로젝트 올리는 방법을 외우지는 못했고; 새 프로젝트를 올릴때마다 검색해서 찾아보고 올리는데 이번에 올리면서 정리를 하면 좀더 머리에 새겨지지 않을까 해서 정리해봄 1. 깃Git 설치 Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users loo..
비쥬얼스튜디오코드를 기본 에디터로 사용하게 된지는 꽤 됐는데 그 전에는 브라켓이나 이클립스 등 에디터를 이것저것 사용해왔기때문에 설치할때 기본에디터로 설정하고 설치하지 않았다. 그래서 프로젝트 폴더를 우클릭해도 예전에 기본에디터로 설정해왔던 브라켓만 뜨고 vsCode는 뜨지 않아서 항상 파일 메뉴에서 열거나 드래그 드랍으로 여는 불편한 과정을 거쳐야했다. 이미 확장 프로그램을 많이 깔아놨기때문에 삭제하고 다시 설치하기에는 너무 귀찮..... vscode를 재설치하지 않고 레지스트리 설정을 통해 우클릭으로 프로젝트를 바로 vscode로 실행할 수 있는 방법이 있다고 해서 해봤다. VS Code 기본 에디터 설정, 프로젝트 우클릭 vsCode로 열기 1. vsCode 설치 경로 파악하기(내 컴퓨터 이름 찾기..
프로젝트를 진행하다보면 워낙에 배열형 데이터를 활용하는게 많다보니 반복문이 필수다. 그런데 우물안 개구리라고... 사용하는 것만 주로 사용해서 잘 몰랐는데 반복문도 참 여러가지가 있다. 모질라 MDN에서 설명하는 자바스크립트 지원 반복문은 for문말고도 while문이 있는데 대표적인 반복문의 경우 예전에 제어문을 정리하면서 한번 정리를 하긴했다. Do it 자바스크립트 3. 제어문. 조건문if, 선택문switch-case, 반복문for, while. 백텍, 백틱`으로 출력하 출처 : Do it 자바스크립트 + 제이쿼리 입문(이지스퍼블리싱) ▶ 조건문(if, else if, else) 조건식의 값이 참(true)인지, 거짓(false)인지에 따라 자바스크립트 코드를 제어한다. 사용자가 입력한 숫자가 sop..
최근에 back, front가 다 있는 오픈소스 하나를 받아서 실행해볼 일이 있었는데 front는 돌아가는데 back단이 계속 실행되지 않고 에러가났다. 원인을 알아보니 노드 버전이 맞지않아서 발생하는 에러였다. 노드 버전을 낮추는 방법은 단순하게 제어판에서 삭제하고 새로 받는 방법도 있지만 아무래도 작업을 하다보면 노드버전을 바꿔야 하는 경우가 종종 발생할 것 같아 상황에 따라 노드 버전을 바꿀 수 있는 방법을 찾아봤다. mvn명령어를 사용하는 방법인데 window에서는 따로 설치를 해줘야한다 · download nvm-setup.zip https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node..
검색엔진최적화Search Engine Optimization는 네이버나 구글같은 검색엔진에서 상위노출을 위한 방법으로 각 검색엔진마다 조금씩 다른 방법으로 운영되고있기때문에 이번 포스팅에서는 구글을 기준으로 프론트엔드 개발자가 알아두면 좋은 검색엔진 최적화에 대해 알아보려고 한다. (참고로 네이버의 경우 지극히 네이버중심적이라ㅋㅋㅋ 무엇을 검색하던 네이버 컨텐츠가 최우선순위로 뜨기 때문에 일반 홈페이지의 경우 이 기준을 맞추기가 어렵다고...ㅠ) 검색엔진 최적화SEO (Search Engine Optimization) 말그대로 특정 홈페이지나 블로그를 검색엔진에 최적화 시켜 상위노출되도록 만드는 방법으로 구글의 경우 사용자가 검색어를 입력하면 구글봇이 웹페이지들을 크롤링하면서 검색어와 가장 근접한 검색 ..
오랜만에 돌아온 TIL!! 새해도 됐겠다 새롭고 의욕적으로 공부하는 루틴을 만들어보려고 하는데.... 일단.... 시작한다........... 아무래도 비전공자이고 원래도 기계치다보니 컴퓨터에 대해 하드웨어 적으로나 소프트웨어적으로나 기초적인 것들도 많이 모자란것 같아서 새해들어 인프런에서 무료로 제공되는 기초강의들을 몇개 들었고 앞으로 꾸준히 들어보려고 한다. (인프런에 퀄리티가 좋은 무료 강의들도 꽤 있고 나랑 잘 맞는 강의&강사를 찾으면 쿠폰받거나 할인 이벤트때 저렴하게 듣기에도 좋을 것 같다.) 이번 포스팅에서는 전체 강의도 굉장히 짧고, 앞으로 개발자 일을 하면서도 도움이 되겠지만 나중에 컴퓨터를 구입할때 알아두면 좋은 내용의 이라는 강의를 정리해보려고 한다. 원본 강의는 아래 링크 [무료] 컴..
window10, vscode 환경. 이번 포스팅에서는 vscode의 터미널창을 이용해 vue cli 프로젝트를 생성하는 방법을 정리하려고 한다. node와 vue cli가 깔려있다는 전제하에 진행하지만 혹시 설치가 안되어있다면 아래를 참고하면 될 것 같다. *아래 링크는 같은 node.js 바탕의 프레임워크인 React 프로젝트를 진행하면서 작성했던 포스팅인데 node.js 설치 전이라면 아래 글을 참고해서 설치하면 된다. [React] 리액트 시작하기. node.js설치 및 웹팩으로 프로젝트 생성 ※ 실행 환경 window 10, 에디터는 비쥬얼스튜디어코드vsCode입니다 - node.js 설치 - yarn 설치 - react 프로젝트 생성(웹팩설치) - 프로젝트 실행하기 node.js 설치 리액트를..
학원 수료 후 첫 직장이었던 스타트업 회사에서는 체계적으로 프로젝트를 진행하지 못했기때문에 회사에 입사하면 회사용 깃허브 계정이 필요하다는 것도 몰랐다. 처음 초대장을 받았을때(새로 만든 회사메일으로 받았음에도ㅋㅋㅋ) 너무나 당연하다는 듯이 내 개인 깃허브 계정으로 초대장 수락을 했고 어쩌다보니 그 뒤로 진행하는 프로젝트도 계속 개인계정으로 연결하게 됐다. 지금 다니고 있는 회사는 이슈관리도 깃허브 이슈를 통해 하고 있기때문에 새로운 이슈나 업데이트가 있으면 이메일이 오는데 개인 계정이 연결된 gmail은 잘 확인도 안하기도 하고, 이상한 광고 알람때문에 window10 알람을 꺼버려서 업데이트 확인이 계속 늦어졌다. 안그래도 커밋이나 이슈 내역을 보면 다들 깃허브 디폴트 프로필사진인데 나만 내 개인 계..
프로그래밍 작업을 하다보면 기능구현도 구현이지만 이름을 짓는데도 엄청 고민하게 된다. 프로젝트 경험이 많은 것도 아니라 컨벤션이라던가 언어별로 이해도가 깊지 않아서 그런가 이걸 이렇게 이름 지으면 남이 보는건 차치하고라도 과연 내가 3개월뒤에 다시 봐도 그 함수나 변수의 역할을 이름만 보고 기억할 수 있을까? 고민하게 된다. 사실 이름을 어떻게 지을지는 여전히, 그리고 앞으로도 한동안은 고민해야할 문제지만 오늘은 가볍게 코린이가 알아야할 4가지 네이밍 방법에 대해서 정리해보려고 한다. 1. 카멜케이스 카멜 Camel 낙타 등모양같아서 붙여진 이름. 자바에서 많이 사용하는 네이밍 방법 변수같은 경우 var thisIsName ='홍길동'; 이런식으로 단어를 붙여쓰는대신 뒷단어를 대문자로 사용해 낙타등 모양..
국비교육을 받고 처음 들어갔던 스타트업 회사에서 처음으로 소스트리를 사용해봤다. 사실 그때는 이렇다할 선임도 없었고 그냥 이렇게 쓰는거에요~ 하길래 아 네.. 하고 깃허브에 있는 프로젝트를 클론하고 커밋, 풀, 푸시하는 작업만 반복했기때문에 사실 솔직히 말하면 효율적인 협업은 아니긴했다. 브랜치를 나눠서 관리하는 것도 몰랐고 무조건 마스터에 커밋했기때문에 충돌도 엄청 많이 났었는데 지금 생각하면 참 아는게 없어서 대담했던듯... (아.. 그렇다고 현재 소스트리를 100% 효율적으로 쓰고있는 건 아닌듯 하다;; 아직 모르는게 더 많음.....) 그리고 얼마전에 회사를 옮기면서 이제서야 소스트리를 제대로 쓰는 방법을 알아가고 있는데 이번주에 배운 것을 살짝 정리해보려고 한다. 프로젝트를 관리할때 브랜치를 나..