본문 바로가기

전체 글

 (66)
웹 이해하기 데스크탑이나 모바일로 웹 페이지를 볼 때 무슨 일이 발생하는지 생각해보신 적 있나요?이번 포스트에서는 웹이란 무엇인지, 어떤 구조로 이루어져 있는지 알아보려고 합니다.웹WWW(World Wide Web)은 인터넷에 연결된 사용자들이 서로 정보를 공유할 수 있는 공간을 의미합니다. 웹의 특징웹 페이지는 하이퍼 텍스트로 구성되어 있어서 다른 자원으로 쉽게 이동할 수 있습니다.이렇게 하이퍼링크를 통해 다른 자원으로 이동하는 것을 '웹 브라우징을 한다'고 표현합니다.그리고 이 때 사용하는 것을 웹 브라우저(Web Browser)라고 부릅니다. 클라이언트와 서버웹에 연결된 컴퓨터를 클라이언트와 서버로 구분할 수 있습니다.클라이언트는 웹 서비스를 요청하는 컴퓨터이고, 서버는 이에 응답하여 서비스를 제공하는 컴퓨터입..
HTML 알아보기 웹을 공부할 때 등장하는 HTML, CSS, Javascript는 무슨 역할을 할까요?이번 포스트에서는 웹 페이지의 구성을 담당하는 HTML에 대해서 알아보겠습니다.태그HTML은 마크업 언어로 문서의 뼈대를 구성하기 위한 마크 즉, 태그가 존재합니다.아래 예시처럼, 일반적으로 여는 태그와 닫는 태그 안에 콘텐츠를 작성합니다. My name is Subin 하지만, 콘텐츠를 필요로 하지 않는 태그도 있습니다.이를 빈 요소라고 하는데, 이 경우에는 닫는 태그를 사용하지 않습니다.이제 미리 정의된 각 태그가 어떤 역할을 하는지 알아볼까요? Heading제목을 나타낼 때 사용하는 태그입니다.태그 이름에 있는 숫자는 6까지 있고 클수록 제목은 작아집니다. 제목 태그입니다. 이것은 더 작은 제목 태그입니다. 제..
프로젝트 관리 툴 알아보기 - Trello, Jira, Notion 프로젝트 관리를 하기 위해 다른 사람들은 어떤 도구를 사용할까요?이번 포스트에서는 Trello, Jira, Notion 세 가지 도구를 정리해보겠습니다.Trello모든 내용을 하나의 보드에서 확인할 수 있는 프로젝트 관리 도구입니다.Drag & Drop 형식으로 작업을 원하는 곳에 옮길 수 있어 배우지 않아도 쉽게 이용할 수 있다는 장점이 있습니다.Slack과 연동하여 작업에 대한 알림을 받는 것도 가능합니다.Trello는 무료로 이용해도 대부분의 기능을 사용하는 데 제약이 없어 편리합니다. Jira대표적인 애자일 협업 도구로 추천되는 프레임워크입니다.역시, 대시보드를 제공하여 스프린트의 진행상황을 한 눈에 파악할 수 있습니다.능숙하게 사용이 가능하면 제공하는 다양한 차트를 통해서 데이터 기반 의사소통이..
브랜치 전략과 병합 Git에는 브랜칭을 활용한 변경 이력 관리 전략이 있습니다.이번 포스트에서는 브랜치 전략에 대해 알아보겠습니다.브랜치의 분류브랜치 전략에서는 브랜치를 5가지로 분류합니다.main: 서비스로 제공된 브랜치feature(기능): 새 기능을 개발하는 브랜치develop(개발): 다음 출시 버전을 개발하는 브랜치release(배포): 이번 출시 버전을 준비하는 브랜치hotfix(수정): 배포된 버전에서 문제가 있을지 즉시 수정을 하는 브랜치 브랜치의 병합분류한 브랜치에서 작업이 끝나면 다시 메인 브랜치로 합치는 작업을 합니다.이러한 작업을 Merge라고 부릅니다.Merge에는 여러가지 방법이 존재합니다. 브랜치 병합 - Fast-Forwardmain 브랜치에 작업이 존재하지 않고 다른 브랜치에만 작업이 존재하여..
원격 브랜치 생성 이번 포스트에서는 협업을 위해서 Github에 원격 브랜치를 생성하는 방법을 알아보겠습니다.Git Bash로 생성하기로컬 저장소에 새로운 브랜치를 생성하고 변경하는 것은 이전 포스트에서 해보았습니다.이를 원격 저장소에 반영하기 위해서는 생성한 브랜치로 변경하여 push 명령어를 사용해주어야 합니다.> git push 더보기원격 저장소 생성 실습Github 웹 인터페이스로 생성하기Github 웹에서 제공하는 인터페이스를 통해 간단하게 원격 브랜치를 생성할 수 있습니다.먼저, 브랜치 선택 메뉴를 눌러서 생성할 브랜치 이름을 작성합니다.이름을 작성한 후, 브랜치를 생성한다는 메뉴를 눌러서 브랜치를 생성합니다.새롭게 원격 브랜치가 생성된 것을 확인할 수 있습니다.이번 포스트에서는 협업을 위해서 Github에 ..
Branch 알아보기 안녕하세요! 저번 포스트에서 Github를 사용하면서 Branch라는 용어를 많이 접해봤습니다.이 브랜치는 정확하게 무엇일까요? 오늘은 브랜치에 대해서 알아보겠습니다.브랜치의 개념브랜치는 독립적으로 개발하는 것을 의미합니다.예를 들어서, 정해진 기간 안에 여러 기능을 포함한 하나의 웹 페이지를 만들어야 합니다. 하지만, 개발자 한 명이 A 기능을 모두 구현할 때까지 다른 개발자가 아무것도 하지 못한다면 시간이 부족합니다.브랜치를 이용해서 독립적인 작업 공간으로 분리하면 동시에 여러 기능을 구현할 수 있습니다.브랜치 관리하기Git의 branch 명령어는 관리하는 브랜치를 보여줍니다.> git branch더보기브랜치 관리 실습브랜치 생성하기Git의 branch 명령어로 새로운 브랜치를 생성할 수 있습니다.명..
Github 알아보기 개발을 하다보면 자주 접하게 되는 Github는 Git과 어떤 차이가 있을까요?이번 포스트에서는 Github에 관해서 다뤄보겠습니다.Github의 개념Github는 Git을 기반으로 하는 클라우드 기반 호스팅 서비스입니다.웹 인터페이스를 통해서 확장된 기능을 만날 수 있고, 원격 저장소에 파일과 폴더를 저장하여 여러 개발자가 작업하기 용이합니다.원격 저장소 생성하기Github의 가장 기본적인 요소인 Repository를 생성하는 방법을 알아보겠습니다.우측 상단의 + 버튼을 누르면 새로운 저장소를 생성할 수 있습니다.메뉴를 클릭하면 사진과 같은 UI가 화면에 표시됩니다.소유자, 이름, 설명(선택 사항), 접근 권한을 설정하고 Create repository 버튼을 누르면 생성이 완료됩니다.내 저장소 원격 ..
Git 명령어 이전 포스트에서 설치한 Git으로 어떻게 버전 관리를 시작해야 할까요?이번 포스트에서는 Git의 기본적인 명령어에 대해서 작성해보겠습니다.1. init로컬 저장소를 생성하는 명령어입니다. 명령어를 실행하면 .git이라는 폴더가 생성됩니다.> git init명령어를 실행한 폴더는 버전 관리가 가능하며, 파일의 변경 사항을 자동으로 감지합니다.더보기 2. addGit의 Staging Area에 파일을 추가하는 명령어입니다.> git add subin.txt더보기 3. commit저장소(Repository)에 파일의 변경 사항을 저장하는 명령어입니다.버전이 변경되었다는 것이고, 해당 요구사항을 완결된 상태로 만들었다는 것을 의미합니다.> git commit더보기 커밋 메시지를 작성하라는 안내와 함께 에디터가 ..

티스토리툴바