본문 바로가기

github6

깃허브 프로필 README.md 꾸미기 나중에 깃헙 프로필 수정할 때 참고하려고 남기는 글 5분 만에 깃허브 프로필 꾸미는 웹사이트 이런 식으로 헤더부터 기술스택, 연락처, stats까지 디자인을 내가 원하는 대로 커스텀해서 적용한 후에 코드만 복사해서 리드미에 넣어주면 된다. 너무 편리해서 추천함👍👍 5분만에 깃허브 프로필 꾸미는 웹사이트 - (깃허브 readme 꾸미기) 깃허브 프로필 (readme 파일) 꾸미는 웹페이지를 만드는 토이프로젝트 velog.io 스킬 뱃지 설정 Shields.io: Quality metadata badges for open source projects Love Shields? Please consider donating to sustain our activitiesYour BadgeStaticUsing das.. 2023. 4. 18.
[TIL] 내일배움캠프 React 과정 2022.11.26 주말 동안 해결해야 할 부분을 정리해 봤다. 소셜 회원가입 기능이 정상적으로 작동하는지 확인하기 회원가입 시 입력한 닉네임이 user DB에 저장되게 연결하기 로그인하지 않았을 때 글 쓰기, 프로필 페이지 등 접근 차단 메인 컬러 정하기 메인 페이지 스크롤 어떤 방식으로 구현할 것인지 (더보기/페이지네이션 등) alert CSS 통일하기 AW3 도메인 연결하기 프로필 페이지에서 내가 작성한 글만 불러오기 카테고리 별로 네비게이션 바? 이미지 파일 업로드하지 않으면 글 작성 못하도록? 게시물 수정 페이지에서 input 창에 데이터 카테고리, 제목, 내용 불러오기 해결하는 경험 github으로 협업하기 원래는 팀원들마다 개인 브랜치를 만들어서 각자 담당한 페이지 작업을 하고 있었는데 중간에 모든 페이지를 연.. 2022. 11. 28.
[TIL] 내일배움캠프 React 과정 2022.11.24 Today I Learned CRUD 구현 공부하기 해결하는 경험 임시로 작업하던 페이지를 우리 팀의 firebase에 연결하기 팀원 분이 임시로 웹페이지를 만들어서 작업하던 페이지를 어제 우리 팀의 github에서 파일을 내려받아 합치는 과정을 도와드렸다. 그런데 JS module 로 작업하던 구조가 아니라 import와 export가 전혀 되어있지 않았다. 그래서 오늘 오전에는 공부할 겸 팀원분이 작업하던 새 글 작성 페이지를 firebase에 db가 올라가게 연결하는 작업을 해봤다. import { addDoc, collection,} from "https://www.gstatic.com/firebasejs/9.14.0/firebase-firestore.js"; import { dbService }.. 2022. 11. 24.
[TIL] 내일배움캠프 React 과정 2022.11.23 Today I Learned javascript 공부하기 github branch merge 첫 도전! javascript 공부 AND, OR 논리 연산자 const condition1 = "안녕하세요" const condition2 = true const result = condition1 && condition2 && 'Value'; result // Print: 'Value' AND 연산자(&&)를 사용할 때, 모든 값이 Truthy할 경우 맨 뒤에 있는 값이 result 변수에 할당된다. const condition1 = false const condition2 = null const condition3 = "이용우" const name = condition1 || condition2 || con.. 2022. 11. 23.
[TIL] 내일배움캠프 React 과정 2022.11.20 Today I Learned FIREBASE 특강 다시 보기 BEM 문법에 따른 전체적인 마이페이지 코드 수정 github에서 폴더 삭제하기 로컬 저장소와 원격 저장소 모두에서 삭제하는 방법 git rm -rf ex) git rm -rf TEST 그리고 커밋과 푸시까지 하면 된다. git commit -m "delete folder" git push origin main Firebase 공부하기 input이 버튼 모양이 된다. 이벤트 리스너 이벤트 리스너는 DOM 객체에서 이벤트가 발생할 경우 해당 이벤트 처리 핸들러를 추가할 수 있는 오브젝트이다. 이벤트 리스너를 이용하면 특정 DOM에 위에 말한 Javascirpt 이벤트가 발생할 때 특정 함수를 호출한다. 이벤트 리스너 등록하기 특정 DOM요소에 이.. 2022. 11. 20.
github 레파지토리 생성하고 파일 업로드하기 아마 이것보다 더 쉽고 정석인 방법이 있을 테지만 나중에 참고하기 위해서 레파지토리 연결하는 방법을 기록해 놓는다. 내 github 계정에서 새 레파지토리를 만들었을 때 윈도우 git bash 기준 cd Desktop/test git 폴더를 만들고 싶은 위치를 지정한다. git bash 창에 cd 입력하고 마우스 클릭해서 폴더를 git bash 창에 끌어오면 위치가 자동으로 입력된다. git init touch a.txt git add a.txt git commit -m "first commit" 네모 박스 안에 총 세 줄을 한 줄씩 복붙해서 입력한다. 그럼 다음과 같은 레파지토리 페이지에 접속할 수 있고 a.txt도 잘 들어와 있는 것을 확인할 수 있다. 나는 팀프로젝트 파일을 백업하는 것이 목적이었기.. 2022. 11. 4.