내가 해냄/패스트캠퍼스 (71) 썸네일형 리스트형 깃허브로 협업하기 | 깃 협업순서 | 깃 협업 준비 과정 | 깃허브 팀프로젝트 | Fork, Clone, Remote, Branch생성, Push, PullRequest 최근 백엔드와 협업하는 팀 프로젝트를 진행하였는데 그 과정에 있어 프론트 팀도 깃허브를 사용하여 프로젝트를 진행했다. 이에 프로젝트 시 깃허브 사용법에 대해 나의 경험을 토대로 짧게 정리해보려한다. 평소 깃 협업에 대해 자신은 없었지만 역시 최고의 공부는 프로젝트라고 이론공부 + 개인실습 때보다 더 확실하고 더 임팩트있게 깃 공부도 경험한듯하다. 1. 리파지토리 생성하기 우선 프로젝트 시작에 앞서 리파지토리를 생성해야한다. 대표자 한 명이 리파지토리 생성 후 공동작업권한을 부여하기 위해 GitHub Collaborator를 추가해야하는데 아래와 같이 리파지토리 내의 Settings -> Collaborators 에서 공동작업자를 초대할 수 있다. 2. 리파지토리 포크(Fork) 하기 각각의 작업자가 작업.. 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220511 Day Today I Learned IP Quiz IP Quiz 1. 변수const에 대한 설명으로 틀린 것을 고르세요. 재할당이 가능하다 호이스팅이 불가능하다 유효범위는 블록레벨이다 전역등록이 불가능하다 const는 재할당 불가 2. 반복문에 해당하지 않는 구문은? do-while문 for문 continue문 if문 if문은 조건문 이다. 3. console.log(a.z)의 출력 값은? 캡션 없는 이미지 { a: 4, b: 6} [ 2, 7 ] { a: { }, b: 6 } { a: { 4 }, b: 6 } 참조형 데이터는 똑같이 생겨도, 새로운 메모리에 형성된다 4. console.log(typeof typeof 1); 다음 코드를 콘솔 창에서 출력하면 결과값은? string nu.. 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220504 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 22 Day Today I Learned IP Quiz IP Quiz 문제 1.다음 중 자바스크립트의 데이터타입 중 원시형이 아닌것은? 불린 숫자 문자 객체 정답. 4) 객체 해설. 객체는 참조형 데이터타입이다. 문제 2. 다음중 연산자의 기호와 의미가 다르게 연결된 것은? == : 동등 != : 부등 !== : 불일치 === : and 정답. 4) === : and 해설. ===는 일치를 의미한다.. 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220427 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 22 Day Today I Learned IP Quiz IP Quiz 1. ‘값이 할당되지 않은 상태’를 의미하는 데이터는? 1) Boolean 2) String 3) Undefined 4) Null 해설 1) Boolean : true, false 두 가지 값밖에 없는 논리 데이터 2) String : 따옴표를 사용하는 문자 데이터 3) Undefined : 값이 할당되지 않은 상태를 의미하는 데이터 4) Null : 값이 의도적으로 비어있음을 의미하는 데이터 2. css 속성 중 가상클래스 속성이 아닌것은? 1) focus 2) active 3) hover 4) before 해설 before는 가상 요소 선택자이며 요소의 내부 앞내용을 삽입해준다. 3. 주 축의 정렬 방법을 설정하기 위해선 어떤.. 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220420 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220420 Day Today I Learned IP Quiz IP Quiz 문제 1.다음 중 웹 페이지를 꾸미기위해 주로 사용하는 언어는 무엇인지 고르시오. 1) HTML 2) CSS 3) JavaScript 4) react 정답. 2) CSS 해설. 웹 페이지를 꾸미기위해 주로 사용되는 언어는 CSS이다. 문제 2. 다음중 가로, 세로의 두 방향을 지정하는 2차원의 레이아웃 시스템은? 1) flex 2) position 3) grid 4) relative 정답. 3) grid 해설. 가로, 세로의 두 방향을 지정하는 2차원의 레이아웃 시스템은 grid이다. 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220414 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220414 Day13 Today I Learned CSS At-Rules CSS 변수 레이아웃 클론 코딩 시범 CSS At-Rules @media 타입 or (기능) or (기능) ...... (or (기능) 은 여러번 추가할 수 있다. Portrait 디스플레이의 세로길이가 더 길 때 사용한다(ex. 폰을 세워서 사용할 때) orientation : portrait Landscape 디스플레이의 가로길이가 더 길 때 사용한다(ex. 폰을 눕혀서 사용할 때) orientation : landscape 레이아웃 클론 코딩 과제 사이트 정하기 왓챠 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220413 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220413 Day Today I Learned IP Quiz 풀이, 해설 1. 다음 Shell Command 중 맞지 않는 것은? mkdir : 디렉토리 생성 cat : 텍스트를 shell에 출력 rm : 파일 및 디렉토리 삭제 4. ls : 파일 생성 해설 ls : 파일 조회 2. 다음 중 파일의 내용을 확인하기 위하여 사용하는 명령어는? vi cd cat touch 해설 vi : 파일 수정 cd : 디렉토리 이동 touch : 파일 생성 3. git 에서 작업 내용을 스테이징(staging)하는 명령은? git commit git push git status git add 해설 git commit : 스테이지 영역에서 대기중인 파일들 커밋(로컬 저장소에 저장)하는 명령 git push : 작업.. 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220406 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220406 Day10 Today I Learned IP(Interactive Programming) 퀴즈 제작 (Git/Github) IP(Interactive Programming) 문제 1. 다음 중 깃의 장점으로 옳지 않을 것은? 인터넷이 연결되어야만 개발이 가능하다. 소스코드를 주고받을 필요 없이 동시작업이 가능하다. commit 단위로 수정내용을 관리할 수 있다. Branch로 개발하여 실험이 가능하다. 정답. 1) 인터넷이 연결되어야만 개발이 가능하다. 해설. 1) 인터넷이 연결되지 않아도 개발이 가능하다. 문제 2. 다음 중 Shell Command의 명령어와 기능이 옳게 연결된 것은? mkdir : 디렉토리 변경 touch : 대상 파일을 삭제 ls : 현재 디렉토리 숨김 cd : .. 이전 1 2 3 4 ··· 9 다음
