👥 조별 과제

⚡ 스터디 시작 전 각자 Ice Breaking 소개하기 !

⇒ 완료하였음.

⚡ 개념 정리하기 !

  1. 웹 브라우저 : 웹페이지를 불러오고 화면에 표시하기 위해 개발된 프로그램. 웹 서버에게 페이지 요청을 하고 클라이언트의 역할을 한다.
  2. 웹 서버 : 응답의 역할을 하고 브라우저로부터 받은 정보를 저장소에서 찾아 응답하여 정보를 제공하는 컴퓨터. 서버의 한 종류로서 클라이언트에게 웹 서비스를 제공함.
  3. 클라이언트와 서버 : 정보를 요청하는 컴퓨터를 클라이언트 컴퓨터, 요청에 응답하는 컴퓨터를 서버 컴퓨터라고 한다.
  4. 웹 호스팅 : 웹 서버를 대여해주는 서비스.
  5. 프론트엔드 / 백엔드 : 웹사이트에서 사용자와 직접 마주하는 부분(사용자 인터페이스)을 개발하는 것이 프론트엔드, 서버와 관련된 개발(서버 통신하는 부분)을 하는 것이 백엔드.
  6. 프레임워크 : 여러 기능을 가진 클래스와 라이브러리를 한데 묶어 놓은 것. 모듈화를 하여 사용함. 하나의 목적성을 가지고 코딩의 편리를 위해 모아둔 것. 시간단축에 도움을 주고 인건비 절감에 도움을 줌.
  7. html, css, 자바스크립트 각각의 용도 : html(뼈대), css(살, 치장), 자바스크립트(움직임).
  8. add, commit, push 가 각각 어떤 기능을 하고, 어떤 상황에 써야하는지 정리해보세요 ! : add(git에서 사용하는데 staging area에 보내는 명령어. 이때부터 git이 그 파일을 트래킹할 수 있음.) commit (add로 staging area로 옮겨간 파일들을 캡처하듯이 한 번에 저장하는 명령어) push (깃허브 등의 원격 저장소에 코드 작업물을 보내는 것. commit된 내용)

⚡ 토론해보아요 !

  1. 비주얼스튜디오 코드 (Vscode) 는 어떻게 활용할 수 있을까요?

    Hint❗비주얼스튜디오 코드 확장자 참고하기

    ⇒ 여러 플러그인을 설치하여 통합개발환경(IDE)과 같이 사용할 수도, 간단하게 소스 코드 편집기로도 사용할 수 있음. 설치하는 플러그인에 따라 다양한 기능을 추가할 수 있음.

  2. 자신이 생각하는 프론트엔드와 백엔드 각각의 이미지는 어떤가요?

⇒ 프론트엔드: 사용자가 눈으로 직접 보는 사용자 인터페이스를 구현하는 것. 시각적, 디자인적인 요소가 중요한데, 이런 것들을 개발하는 것. [가맹점이나 대리점 같은 이미지]

⇒ 백엔드 : 실제로 사이트가 동작하도록 만들어주는 역할. 서버 등을 개발하고 관리하는 것. [기업과 같은 이미지]

  1. 본인한테 맞는 분야는 무엇일지 생각해보아요!

Frontend : 김윤정, 정한울, 초지민

Backend : 나선우

  1. fork, clone, branch, merge, origin 이 각각 어떤 개념인지 알아보고 서로 공유해보세요 !

fork : 원본에 영향을 주지 않고 사본을 만듦. 다른 사람의 레포에서 내가 어떤 부분을 수정하거나 추가 기능을 넣고 싶을 때, 자신의 Github 계정에 새로운 저장소를 만들어 그것을 바탕으로 새로운 개발을 진행할 수 있음.

clone : 깃허브 저장소에 있는 레포를 내 로컬 저장소에 복제하는 것.

merge : 복수의 브랜치를 병합하여 작업한 내용을 다시 하나의 브랜치로 모으는 것.

branch : 분기점. 같은 프로젝트를 복사하여 여러 개발자들이 동시에 다양한 작업을 할 수 있게 만들어주는 기능. 각자 독립적인 작업 영역 안에서 마음대로 소스코드를 변경할 수 있음. 하나의 이슈가 생기면 분기를 하고, 이슈를 해결하면 메인 브런치에 병합을 함. 이때 동시에 수정한 경우 branch merge가 되지 않고 conflict가 발생할 수 있음.

origin : 원격 저장소.

나선우