본문 바로가기

분류 전체보기346

React - snippets 단축키사용 'rafce' snippet이란 작은 조각이란 뜻인데 코딩할 때, 단축어처럼 특정키를 입력하면 자동완성해주는 기능을 말합니다. - 비주얼스튜디오의 extensions메뉴에서 스니펫을 다운받으면 일어나는 일 - 함수형 component 을 만들 때, rafce 단축키를 치면 리액트 기본코드가 제공이 된다. 2021. 1. 22.
블로그에 구글서치콘솔 등록(Google Search Console) 구글 서치 콘솔을 등록하면 구글에서도 내 블로그가 검색되어진다. 1. 관리자메뉴에서 [플러그인]을 눌러 [구글서치콘솔] 을 찾아 클릭한다. 2. 창이 뜨면 [계정연결하기] 버튼 클릭! 3. 구글연동로그인창이 뜬다. 사용할 계정클릭! 4. 순서대로 허용을 요구하는 창이 뜬다. [allow(확인)] 눌러 동의해준다. 5. 아까 permission창에서 allow한 내용을 한번더 컨펌! 후 [Allow(확인)] 눌러 마무리 6. 노란줄 친 메시지가 우리를 반긴다. [적용] 누르면 완료! 7. 구글서치콘솔을 보면 사용중이라고 뜬다. 2021. 1. 21.
Git(14) ReadMe와 Wiki에 이미지 넣기 1. 깃허브 저장소 내의 Issues 탭의 입력창 안에 이미지 드래그 하면 코드가 생긴다. 복사하자 2. 위키나 리드미 입력창에 붙여넣기 한다. 문서에서는 이미지가 제대로 뜬다. 만약 이미지 사이즈를 조정하고 싶다면 이런식으로 주기 2021. 1. 20.
Git(13) 리드미(ReadMe)와 위키(wiki)란 리드미가 뭔지 위키가 뭔지 대충 감이라도 잡아보자 깃헙 프로젝트 페이지의 대문 : Readme.md - 깃헙 프로젝트 페이지 열자마자 소스코드 섹션과 + 그 아래에 Readme 섹션이 있다. 소개글 느낌..? - Read me 에는 / 어떤 프로젝트인지, / 스택과 / 시스템 아키텍쳐 / 그리고 팀원소개 / 등 내용을 한 눈에 볼 수 있도록 담아야 한다. - 해당 프로젝트의 버전, 이전 버전과 변경사항들, 파일 목록, 시스템 구조도 등을 작성하여 사용자들이 특이 사항들을 바로 알 수 있다. ** Read me 는 일반적으로 아래와 같은 정보들을 가지고 있다. README 일반 정보 AUTHORS 제작 정보 THANKS 도와주신 분들에 대한 정보 ChangeLog 프로그래머들이 참고 할 수 있는 자세한 체.. 2021. 1. 20.
파일경로 작성법(절대경로와 상대경로) 항상 헷갈리는 부분 기록하기 1. 절대경로 Q "광화문 어디에 있어요?" A "서울특별시 종로구 세종로 사직로 161이요" - 어디에 있든지 한 방에 가는 고유한 경로(주소)를 말한다. ex) C:\users\document\untitled.jpg, http://www.google.com 2. 상대경로 Q "(지금 광화문 역인데...) 광화문 어디에 있어요?" A "여기(광화문역)에서 쭉 직진하면 보이는 세종대왕 동상 바로 뒤요" - '현재 내가 위치한 곳을 기준'으로 한 '그곳의 위치'이다. - 다시한번 설명하자면 내가 작업중인 소스코드 파일이 위치한 폴더를 기준으로 작성한 상대적인 경로라는 것. / 루트 (가장 최상의 디렉토리로 이동 / Web root) ./ 현재 위치 (파일의 현재 디렉토리를 의미.. 2021. 1. 19.
윈도우에서 8080 포트 죽이기 문제 상황 웹 개발 도중 STS에서 톰캣 Tomcat 서버를 켰다. 그러나 8080 포트가 이미 사용 중이라는 에러메시지가 떳다. 그래서 사용 중인 포트를 죽여보도록 하자 문제 해결 - cmd에서 포트를 죽이는 명령어를 사용하여 해결한다. 1. 실행 창 열기 (ctrl + r) 그리고 cmd 검색 ! 2. cmd 창에 netstat -a -o 명령어 입력 그럼 현재 사용중인 port의 리스트가 나온다. 로컬주소 에서 8080을 찾는다. (PID#를 기억하기) 3. taskkill /f /pid PID번호 명령어를 입력하면 포트가 죽... 어야되는데 액세스가 거부되었다는 메시지가 뜬다면?? 당황하지말고 관리자 모드로 다시 실행하자 다시 처음부터 실행하면 Hoxy 저의 미흡한 포스팅이 도움이 되셨다면..? .. 2021. 1. 16.
Git(12) 깃헙을 통해 브랜치 만들기 GitHub를 사용하는 법 대한 깃 포스팅 순서이다. 1. Git(7) 원격저장소 생성하기 2. Git(8) .gitignore 이란 3. Git(9) Clone 으로 깃허브 소스 내려받기 4. Git(10) Push 로 로컬저장소에서 원격저장소(GitHub)로 데이터 반영하기 5. Git(11) 팀원들과 깃헙을 통해 작업 주고받기 6. Git(12) 깃헙을 통해 브랜치 만들기 브랜치 만들기 나는 데스크탑으로 starbucksReplica 라는 폴더에서 작업하고, 팀원은 노트북으로 starbucks 라는 폴더로 작업 중인 상황이라고 가정 해보자. 방법 1) 터미널에서 생성 git checkout -b my-idea // my-idea라는 새 브랜치 만들고 바로 체크아웃 하기 ----- (dino 라는 새.. 2021. 1. 15.
Git(11) 팀원들과 깃헙을 통해 작업 주고받기 GitHub를 사용하는 법 대한 깃 포스팅 순서이다. 1. Git(7) 원격저장소 생성하기 2. Git(8) .gitignore 이란 3. Git(9) Clone 으로 깃허브 소스 내려받기 4. Git(10) Push 로 로컬저장소에서 원격저장소(GitHub)로 데이터 반영하기 5. Git(11) 팀원들과 깃헙을 통해 작업 주고받기 6. Git(12) 깃헙을 통해 브랜치 만들기 팀원들과 깃헙을 통해 작업 주고받기 나는 데스크탑으로 starbucksReplica 라는 폴더에서 작업하고, 팀원은 노트북으로 starbucks 라는 폴더로 작업 중인 상황이라고 가정 해보자. 나(starbucksReplica) : dog 파일을 snoopy 에서 mong 으로 변경했어 !! 나(starbucksReplica) :.. 2021. 1. 15.
Git(10) Push 로 로컬저장소에서 원격저장소(GitHub)로 데이터 반영하기 GitHub를 사용하는 법 대한 깃 포스팅 순서이다. 1. Git(7) 원격저장소 생성하기 2. Git(8) .gitignore 이란 3. Git(9) Clone 으로 깃허브 소스 내려받기 4. Git(10) Push 로 로컬저장소에서 원격저장소(GitHub)로 데이터 반영하기 5. Git(11) 팀원들과 깃헙을 통해 작업 주고받기 Push 로 로컬저장소에서 원격저장소(GitHub)로 데이터 반영하기 프로젝트 파일 단위 데이터를 모아모아 → 로컬저장소에서는 stage 해서 커밋하는 거라면 로컬저장소 단위 데이터를 모아모아 → push 로 {로컬 → 원격} 저장소로 데이터를 보낸다. (깃헙 페이지 새로고침하면 push한 내용이 그대로 반영된다.) - 파일에 변화를 준뒤 stage와 커밋으로 밑작업을 해놓았.. 2021. 1. 15.
반응형