BIcOding

Git >정의 : 분산형 버전 관리 시스템 >특징 : 소스 코드 기록을 관리하고 추적할 수 있음 : 버전을 갱신할 때마다 파일의 변경 이력을 저장 : 변경 사항을 파악하기 쉬움 : 원하는 버전으로 쉽게 돌릴 수 있음 >용도 : Git의 특징으로 주로 협업과 백업용으로 많이 활용함. >Github : Git Repository를 관리할 수 있는 클라우드 기반 서비스 : Git으로 관리되는 파일을 백업하는 원격 저장소 Git Workflow Remote 영역 : 원격으로 제어되는 온라인 영역 : 다른 유저와 공유하기 위한 영역 //예시. Github repository Local 영역 : 내 PC 영역 : Git으로 관리하는 영역을 설정할 수 있음. (명령어: git init) : Git으로 관리되는 영역은..

GUI / CLI / OS >GUI 와 CLI GUI : Graphic User Interface : 눈에 보이는 아이콘 등으로 컴퓨터를 제어하는 방식\ CLI : Command-Line Interface : 명령어로 컴퓨터를 제어하는 방식 >CLI를 배워야하는 이유 : 높은 안정성과 빠른 속도(GUI는 그래픽에 컴퓨터 자원을 사용해야 되기 때문에 상대적으로 CLI가 빠름.) : 서버 컴퓨터는 효율을 위해 Linux환경에서 CLI를 쓰는 경우가 많다. 때문에 개발자라면 필수. : git을 쓸 때도 CLI환경에서 사용하기 때문. >그 외 용어 I/O: Input 과 Ouput 프롬프트: CLI환경에서 키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간을 뜻함. 디렉토리: 흔히 폴더라고 하는 것. >OS..

Twitter Mock-up 링크 : https://codesandbox.io/s/twittler-forked-6dd43y?file=/index.html twittler (forked) - CodeSandbox twittler (forked) by jumgho using parcel-bundler codesandbox.io // 구현 설명 추가하기. 후기 >작업물 : 생각보다 배운 것을 적용하는 게 쉽지 않았다...기억이 안나는건 기본이고 어디에 무엇을 적용해야 할 지 헤맸음. (나름 준비를 하고 이미지 트레이닝을 해봤음에도 불구하고...) : 실제로 작업에서도 더 스마트하고 깔끔한 방법보다는 임시방편으로 아는 것으로 때우는 방법도 많이 썼다. 아쉽다. (자세히 코드를 뜯어보면 flexbox같은 정렬 도..

HTML 구성 : 수직분할과 수평분할 적용 >Atomic CSS 방법론 : 클래스명을 CSS에서 구현할 방법으로 지정하는 것. : 이름과 구현을 1:1로 매칭할 수 있어서 직관적으로 파악하기 쉽다. //예시 HTML - CSS - .w10 { width : 70%; } 레이아웃 리셋 : HTML의 기본 스타일을 초기화시키는 것. : default 설정한다고 생각할 것. *{ box-sizing: border-box; } body { margin: 0; padding: 0; } Flexbox : flexbox를 이용하면 요소의 정렬, 요소가 차지하는 공간을 설정할 수 있다. : 부모에게 적용하는 속성은 자식 요소들의 정렬과 관련있음. : 자식에게 적용하는 속성은 요소가 자치하는 공간과 관련있음. selec..

CSS 추가 설명 >CSS 사용 목적 : 직관적인 UI와 좋은 UX를 제공하기 위해서 : 즉, 유저들에게 시각적으로, 그리고 실제 사용에 있어서 편의성을 제공하기 위해 CSS를 사용한다. >CSS 접근 : html 문서의 head 부분에 연결해서 사용 : 태그 이용. // 예시 // >관심사 분리 : CSS파일을 따로 작성하는 이유(HTML안에서 CSS를 직접 정의하지 않는 이유) : HTML은 웹 페이지의 구조와 내용만 담당, CSS는 디자인만 담당. >CSS 기본 문법 구조, ruleset(rule) 선택자, Selector : 특정 태그의 이름, id, class 등을 선택하여 해당 태그의 style을 다룰 수 있게 함. 선언 블록, Declaration block : 선언들을 중괄호로 묶은 것. ..

프론트 웹 개발 -HTML : Hypertext Markup Language : 웹 페이지와 그 내용을 구조화하기 위해 사용하는 코드 : 마크업 언어이다. (프로그래밍 언어 아님) // 마크업 언어 : 컨텐츠의 구조를 정의하는 언어 -CSS : Cascading Style Sheets : 웹페이지를 꾸미기 위한 코드 : Style sheet 언어 (프로그래밍 언어, 마크업 언어도 아님) -Java Script : 웹과 유저가 상호작용이 가능하도록 만드는 코드 : 프로그래밍 언어 HTML과 CSS에 대한 이해 : 깊은 이해보다는 협업 혹은 프로젝트 제작에 필요한 정도의 기본적인 이해를 목표로 하자. 참고 링크 : 필요할 때마다 참고할 내용과 튜토리얼이 있음. : https://www.w3schools.co..

컴퓨터와 프로그래밍의 이해 컴퓨터 소프트웨어 하드웨어 프로그래밍 프로그래밍 언어 컴파일 빌드 통합개발환경 (Integrated Development Enviroment, IDE) Windows 개발 환경 세팅 WSL2 설치 Windows terminal Unbuntu JDK 설치 Azul IntelliJ IDEA JetBrain Toolbox IntelliJ Tutorial // Error 는 따로 카테고리 만들어서 정리할 예정. // IntelliJ 진짜 짱인거같음; 튜토리얼도 어려워서 다 익히지는 못했지만 거의 뭐 그냥 다 자동으로 만들어주네. // 두번째 교육이라 확실히 느껴진다. 걱정안하고 믿고 교육에 힘쏟아도 될 것 같음. // 아침 점호(안내), 학습, 저녁 점호(정리)가 주된 루틴인 듯 한데..

코드스테이츠 첫날. 어떤 학습 툴을 이용하고 어떻게 준비할 지, 교육 기간 중 어떤 마음가짐과 어떤 전략으로 진행할지에 대한 교육을 받았다. 특히, 마음가짐과 전략에 대한 교육을 하며, 교육 내용에 나오는 부정적인 성향이 거의 나한테 속하는 내용이라서 정신이 번쩍 들었고, 앞으로 꼼꼼한 전략으로 무너지지 않으려고 노력할 것이다. 코드스테이츠 교육의 첫인상은 굉장히 긍정적이다. 이전에 멀티캠퍼스에서 들은 교육은 정말 끔찍했었다. 사람마다 다르고 강사분마다 다르겠지만, 8시간 내내 받아쓰기하는 2000년대 컴퓨터 학원 느낌의 강의였다. 코드스테이츠는 우선 강사분들이 밝고 교육생과 교류하는 모습이 좋게 느껴졌다. 교육을 듣기 전 후기들을 찾아봤을때에는 걱정도 많이 했지만, 충분히 극복가능하고 오히려 걱정됐던 ..