c11oud.log

이번 포스팅에서는 깃(Git)의 협업을 위한 명령어에 대하여 공부를 해보고자 한다. 협업(Collaboration)이란? 협업의 사전적 정의는 ‘같은 종류의 생산, 또는 같은 종류의 작업을 여러 사람이 협력하여 공동으로 하는 일'로 표현되어 있다. 한마디로 여러 사람과의 공동작업이라고 할 수 있다. 어느 정도 규모가 있는 프로젝트를 진행할 때는 혼자가 아닌 여러 명의 개발자가 협업하게 된다. Git은 하나의 프로젝트를 여러 명이서 작업할 수 있는 환경을 제공하므로 협업에 필수적으로 사용된다. Git으로 작업한 내역을 Github(원격 저장소)에 공유한다. 커밋(Commit) 마무리된 작업에 작업 이력을 기록해서 저장소로 보내는 행위를 말한다. 즉, staging area에 tracked 된 파일들을 저장..

이번 포스팅에서는 깃(Git)의 기본 명령어에 대하여 공부를 해보고자 한다. 로컬 저장소 생성 시 사용하는 명령어 git init: 직접 생성하는 명령어 git init git add README.md git commit -m "first commit" git branch -M main git remote add origin https://github.com/creamcream1217/hello-git.git git push -u origin main git clone: remote 저장소에서 복제하는 명령어 https://github.com/new 에서 github remote 저장소를 생성할 수 있다. git clone git status 파일 상태를 확인하는 명령어 git diff commit 된 ..

이번 포스팅에서는 깃(Git)의 기본 설정에 대하여 공부를 해보고자 한다. Git 최초 설정 Git을 설치하고 나면 Git의 사용 환경을 적절하게 설정해 주어야 한다. 환경 설정은 한 컴퓨터에서 한 번만 하면 된다. 설정한 내용은 Git을 업그레이드해도 유지되고, 언제든지 다시 바꿀 수 있는 명령어도 있다. Git은 git config 에 따라 동작하는데, 설정 내용을 확인하고 변경할 수 있다. 사용되는 설정 파일 /etc/gitconfig 파일 시스템의 모든 사용자와 모든 저장소에 적용되는 설정이다. git config --system 옵션으로 이 파일을 읽고 쓸 수 있다. 이 파일은 시스템 전체 설정 파일이기 때문에 수정하려면 시스템의 관리자 권한이 필요하다.) ~/.gitconfig, ~/.conf..

이번 포스팅에서는 깃(Git)의 영역에 대하여 공부를 해보고자 한다. Git의 3가지 영역 Git은 Working Directory, Staging Area, Git Directory(Repository) 3가지 작업영역으로 파일들을 관리한다. working directory 현재 작업하고 있는 영역. 즉, 작업한 파일(생성, 수정한 파일)들이 저장되는 공간을 말한다. Git에서 git init를 사용해서 저장소가 생성된 이후에 Git이 관리하는 디렉터리 .git 디렉토리를 제외한 모든 것(파일, 하위 디렉토리) working tree라고 말하기도 한다. staging area 로컬저장소에 저장하기전에 준비하는 과정이 발생하는 영역이다. $git add 명령어로 전달한 파일들이 존재하는 영역 commit..

이번 포스팅에서는 깃(Git) 기본 개념에 대하여 공부를 해보고자 한다. 깃(Git) Git이란 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템을 말한다. 소프트웨어를 개발하는 기업의 핵심 자산인 소스코드를 효과적으로 관리할 수 있게 해주는 무료, 공개 소프트웨어다. 서버에 문제가 생겨도 복제한 clone을 통해 복구가 가능하다는 특징이 있다. 소스코드를 주고받을 필요 없이, 동일한 파일을 여러 명이 동시에 작업하는 병렬 개발이 가능하다. 즉, 브랜치를 통해 개발한 뒤, 본 프로그램에 합치는 방식(Merge)으로 개발을 진행할 수 있다. 이로 인해 팀 프로젝트가 아닌, 개인 프로젝트일지라도 GIT을 통해 버전 관리를 하면 체계적인 개발..

10월은 내가 가장 좋아하는 달이다. 겨울을 좋아하긴 하지만 가을이 날씨도 시원시원~ 하고 내 '생일'도 껴있으니까ㅎㅎ 이번 달은 거의 프로젝트에 전념했다. 프로젝트를 하면서 개인 공부도 같이 하려고 했는데 (되겠냐고) 예상치 못한 상황들이 생겨서.. 네 그렇게 됐습니다~ OO이 하고 싶은 거 다 해~ 지난달 회고록을 작성했을 때, 프로젝트를 시작하기 전에 확실하게 진로를 잡아보자라고 다짐했는데 어느 정도 방향이 잡혔다. 결정하기까지 많은 고민과 우여곡절이 있었다. '답장너' 였지만 진로와 미래에 대한 생각이다 보니 확신이 필요했다. 그러던 와중 한 개발자 커뮤니티에 관련 글을 올렸는데 살짝 매콤한 불속성 댓글이 달렸다. 내가 쓴 글의 의도를 잘 모르는 건지 그냥 까내리고 기죽이려는 듯한 말이어서 그냥 ..

이번 포스팅에서는 HTML의 입력 양식에 대하여 공부를 해보고자 한다. Form 요소 웹 페이지에서는 form 요소를 사용하여 사용자로부터 입력을 받을 수 있다. 사용자가 입력한 데이터를 서버로 보낼 때에도 form 요소를 사용한다. action 속성은 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시한다. 전달받은 데이터를 처리하는 스크립트 파일을 폼 핸들러(form-handler)라고 한다. method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시한다. 사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달된다. method 속성을 통해 명시할 수 있는 form 요소의 전달 방식은 GET 방식과 POST 방식으로 나누..

이번 포스팅에서는 HTML의 공간 분할에 대하여 공부를 해보고자 한다. 블록(block)과 인라인(inline) HTML의 모든 요소는 display 속성을 가지며, display 속성 값으로 블록과 인라인 중 하나를 가진다. 블록(block) 타입의 요소 display 속성 값이 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지한다. , , , , , 요소는 display 속성 값이 블록(block)인 대표적인 요소이다. 더보기 예제 p요소는 display 속성값이 블록인 요소입니다. 요소 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소이다. 주로 여러 요소들의 스타일을 한 번에 적용하기 위해 사용된다. 더..

이번 포스팅에서는 HTML의 기본 요소에 대하여 공부를 해보고자 한다. HTML 링크(Link) 웹 페이지에는 다른 페이지나 다른 사이트로 연결되는 수많은 하이퍼 링크(hyperlink)가 존재한다. 이러한 하이퍼 링크를 간단히 링크(link)라고도 부르며, HTML에서는 태그로 표현한다. HTML 링크 더보기 태그의 href 속성은 링크를 클릭하면 연결할 페이지나 사이트의 URL 주소를 명시한다. 태그는 텍스트나 단락, 이미지 등 다양한 HTML 요소에 사용할 수 있다. target 속성 태그의 target 속성은 링크로 연결된 문서를 어디에서 열지를 명시한다. target 속성값 설명 _blank 링크로 연결된 문서를 새 창이나 새 탭에서 오픈. _self 링크로 연결된 문서를 현재 프레임(frame..

이번 포스팅에서는 HTML의 기본 요소에 대하여 공부를 해보고자 한다. HTML 스타일 (Style) HTML 요소의 style 속성을 이용하면 CSS 스타일을 HTML 요소에 직접 설정할 수 있다. 하나의 HTML 요소에만 style 속성을 이용하여 스타일을 적용할 수 있다. 배경색 변경 예제 style 속성을 이용한 배경색 변경 글자색 변경 예제 style 속성을 이용한 글자색 변경 글자 크기 변경 예제 style 속성을 이용한 글자 크기 변경 문단 정렬 변경 예제 style 속성을 이용한 문단 정렬 변경 여러 스타일의 설정 위에 변경한 여러 가지 스타일을 한 번에 적용할 수 있다. ex) 예제 style 속성을 이용하여 한 번에 스타일링 하기! style 속성 값에 사용되는 CSS 속성(proper..

이번 포스팅에서는 HTML의 텍스트 요소에 대하여 공부를 해보고자 한다. 제목 (Heading) HTML은 제목을 표현할 수 있는 다양한 크기의 태그를 제공한다. 가장 큰 태그부터 가장 작은 태그까지 다양한 크기로 제목을 표현할 수 있다. 태그의 위아래로는 약간의 여백이 자동으로 삽입된다. 여러 검색엔진은 각 웹 사이트의 내용을 태그를 이용하여 키워드를 수집하고, 그 내용을 파악한다. 따라서 HTML 문서에 포함되는 제목은 태그로 작성해야만 검색엔진에 의해 제대로 검색될 확률을 높일 수 있다. HTML 문서의 제목에 해당하는 부분을 태그나 태그를 사용하면 안 된다. 단락(Paragraph) 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미하며, 문단이라고도 한다. HTML에서는 태그를 이용하..

이번 포스팅에서는 HTML의 기본적인 구조에 대하여 공부를 해보고자 한다. HTML이란? HTML은 HyperText Markup Language의 약자다. 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성된다. 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는 데 사용된다. HTML 문서는 윈도우의 메모장, 리눅스의 vi와 같은 기본 에디터로도 작성할 수 있다. 확장자를 .html로 저장하면 웹 브라우저에서 바로 확인할 수 있다. HTML 태그(tag) HTML 태그는 태그 이름을 꺾쇠괄호()로 감싸서 표현한다. → 시작 태그 → 종료 태그 HTML 태그는 보통 시작 태그(start tag, opening tag)와 종료 태그(end tag, closing tag)의 한 쌍으..

이번 포스팅에서는 프론트엔드(Front-End) 기본 지식에 대하여 공부를 해보고자 한다. 프론트엔드(Front-End) 프론트엔드는 사용자가 볼 수 있는 화면, 즉 사용자 인터페이스(User Interface, UI)를 말한다. 웹 사이트 또는 웹 애플리케이션의 URL을 입력하거나 모바일 애플리케이션을 다운로드할 때, 화면상 나타나는 아주 깔끔한 레이아웃을 가진 인터페이스라고 생각하면 된다. 프론트엔드는 프로토타입(prototype)을 기반으로 웹사이트의 화면을 만들어 나간다. 사용자는 이 웹사이트에 접근하기 위해 구글 크롬, 엣지, 웨일 등을 사용하는 형식이다. 웹 사이트의 화면을 구성하는 데엔 세 가지 언어(HTML, CSS, JavaScript)가 필요하다. 프론트엔드 개발은 주로 웹 및 모바일 ..

이번 포스팅에서는 파이썬의 데코레이터(Decorator)에 대하여 공부를 해보고자 한다. 데코레이터(Decorator) 데코레이터는 기존 함수를 매개변수로 받아 새롭게 변형된 함수로 바꾸어 반환하는 함수를 말한다. 기존 함수 코드를 고치지 않고 기능을 추가하는 것이 목적이다. 데코레이터의 기본 구조 매개변수: func - core 로직을 처리하는 함수 core 로직을 처리하는 함수 전후로 특정 작업을 처리하고 싶은 경우 local 함수 - core 로직 처리 함수 전/후처리 작업을 추가한 함수를 정의 def decorator(func): def wrapper(): print(func.__name__ + "함수 호출 전") func() print(func.__name__ + "함수 호출 후") return..

이번 포스팅에서는 파이썬의 Local(지역) 함수에 대하여 공부를 해보고자 한다. Local(지역) 함수 로컬 함수는 함수 내에서 정의한 함수를 말한다. 함수 내부에서만 호출할 수 있다. 단 외부 함수가 local 함수를 반환하면 외부 함수를 호출한 곳에서 호출이 가능하다. 호출 결과를 리턴한 경우 def outer(): num = 10 def inner(num2): return num + num2 return inner(20) print(outer())# 30 함수를 리턴한 경우 def outer(): num = 10 def inner(num2): return num + num2 return inner fn = outer() print(fn(100))# 110 클로저(Closure) 클로저는 Local..