우's 공부 일지

📄 학습내용 버전 관리 시스템의 필요성 VCS(Version Control System, 버전 관리 시스템) : 한 명 이상이 프로젝트를 진행할 때 소스코드파일의 버전 및 형상을 관리하기 위한 시스템 git은 대표적인 분산형 버전 관리 시스템이다. Git Git : 소스코드 파일의 버전 관리, 백업, 협업을 위한 프로그램 Github : git repository를 온라인 저장소에 저장해서 협업 및 관리를 편리하게 해주는 프로그램 Git과 Github의 차이점은? Git은 소스코드 파일의 관리를 위한 프로그램이고, Github는 git repository를 온라인 저장소에 올려서 협업을 할 수 있는 프로그램이다. Github 뿐만 아니라 git repository를 온라인 저장소로 올려서 협업할 수 있는..

📄 학습내용 컴퓨터 제어 방식 CLI : Command-Line Interface, 명령어를 통해서 컴퓨터를 제어하는 방식 GLI : Graphic-Line Interface, 그래픽 화면에서 사용자가 컴퓨터를 제어하는 방식 리눅스 기본 명령어 pwd : 현재 위치를 절대 경로로 출력 pwd mkdir : 새로운 디렉터리 생성 mkdir 디렉터리명 ls : 디렉터리 안에 있는 디렉터리나 파일 출력 -l : 파일이나 디렉터리의 상세내역 출력 -a : 숨어있는 디렉터리나 파일을 전부 출력 -al 또는 -la : 숨어있는 디렉터리나 ls ls -a ls -l ls -al cd : 다른 디렉터리로 이동 cd 디렉터리명 touch : 새로운 파일 생성 touch 새로운파일명 > : > 왼쪽 명령어의 결과를 > 오..

📄 학습내용 트위터가 아닌 약간(?) 다른 트위터를 목업해서 구현해보았다. 아직 반응형 웹을 배우지 않았지만 능력은 되지 않지만 웹 페이지 크기에 따라서 최대한 비율이 비슷하게 만들려고 많이 노력했다. 자바 스크립트나 다른 코드들은 내가 작성한 코드가 아니어서 공개는 못하지만 나의 pair와 같이 작성한 html과 css를 올린다. 아래는 코드들과 실행 결과이다. html 코드 더보기 twitcher Username Message 새로고침 채팅 보내기 css 코드 더보기 body { background-color: black; } #title { display: flex; justify-content: center; align-items: center; margin-bottom: 0.4em; font-s..

📄 학습내용 HTML 구조 CSS로 화면 구분 수직 분할 : 수직으로 화면을 분할하는 방식, 세로 방향으로 요소들을 배치 수평 분할 : 수평으로 화면을 분할하는 방식, 가로 방향을 요소들을 배치 레이아웃 : 화면을 나누는 방법 레이아웃 리셋 : HTML의 기본 스타일이 레이아웃을 잡는 것에 방해가 되어서 초기화하는 것 Flexbox 박스의 크기를 유연하게 설정할 수 있는 레이아웃 방식 display: flex : 부모 박스 요소에 적용해서 자식 박스 요소의 방향 및 크기에 영향을 주는 레이아웃 방식 flexbox 속성들을 이용해서 요소 정렬(부모 요소에 적용) 및 차지하는 공간(자식 요소에 적용) 설정 가능 부모 요소에 적용해야하는 속성 flex-direction : 정렬 축 정하기 row : 가로방향 ..

📄 학습내용 HTML 기본 구조와 문법 HTML : 태그의 집합, 웹페이지의 틀을 구성하는 마크업 언어(데이터 구조 표현하는 언어) tree 구조 self-closing tag : 대신 를 통해서 표현 가능 HTML 요소(element) 콘텐츠 자주 사용되는 태그(tag) : 콘텐츠의 길이와 상관없이 한 줄을 차지한다. : 콘텐츠의 길이만큼 차지한다. : 이미지를 출력하는 태그 src 속성을 통해서 이미지의 주소를 넣어준다. : 링크 태그 href 속성을 통해서 이동할 페이지의 주소를 넣어준다. target 속성과 "_blank" 값을 통해서 새로운 페이지에서 링크 이동한다. & : unordered list와 list item으로 구성된 태그 : 입력을 받는 태그 type="text" 속성의 경우, 문..

📄 학습내용 컴퓨터의 구성 요소 하드웨어 : 컴퓨터 자원 CPU 제어장치 : CPU 동작 및 데이터 흐름 관리, 운영체제와 소통 및 컴퓨터 자원 관리 연산장치 : 코드를 실질적으로 실행시키는 장치 레지스터 : 연산장치에 필요한 정보를 임시적으로 저장하는 기억장치, 속도가 빠름 기억장치 보조기억장치 : 큰 용량을 장기적으로 저장하는 기억장치로 데이터 읽기&쓰기 속도가 느림 ex) SSD, HDD 주기억장치 : 프로그램 동작에 필요한 모든 데이터를 단기적으로 저장, 데이터 읽기&쓰기 속도가 CPU만큼 빨라 속도가 빨라서 CPU와 직접적으로 소통 ex) Dynamic RAM, ROM 입력장치 출력장치 시스템 버스 데이터 버스 : 하드웨어 간에 서로 데이터를 전달하는 통로 주소 버스 : 데이터가 도착해야하는 정..

📄 학습내용 고정형 마인드셋 vs 성장형 마인드셋 고정형 마인드셋 : 재능은 타고난 것이라고 생각함, 문제해결하려고 하지 않음(회파하고자 함) 성장형 마인드셋 : 노력으로 성장이 가능하다고 생각함 메타인지 '생각에 대한 생각' 메타인지 학습 - 자신의 현상태를 객관화해서 자신이 아는 것과 모르는 것을 파악해서 지속적인 모니터링을 통해 지속적으로 자신의 학습전략을 수정하고 발전해서 시간을 효율적으로 사용 가능 페어 프로그래밍 두 명(나 포함)이어서 같이 코드를 작성하는 것 두 명이서 문제 해결 : 문제 막힘 → 구글링 등 → 아고라스테이츠 → 문제 풀기 내비게이터 & 드라이버 페어 프로그래밍을 할 때, 하는 방법 내비게이터 : 숲은 보는 자 - 문제 해결을 위한 전체적인 방향 제시 드라이버 : 나무를 보는..

계획 단계 - 정규학습시간 전 (10분) 학습을 시작하기 전 나의 현재 상태를 모니터링해봅시다. 아래 두 가지 질문에 대한 답을 천천히 생각해 본 후, 개인 블로그나 노트를 활용하여 기록합니다. 오늘 나의 학습 목표는 무엇인가요? 오늘 학습할 내용 중에 이미 알고 있는 내용은 무엇인가요? 점검 및 평가 단계 - 정규학습시간 후 (30분) 정규학습시간을 마친 후에는 정규학습시간 전에 개인 블로그나 노트에 적어둔 계획 단계에 대한 답변과, 아래 질문에 대한 답변을 블로그나 노트에 추가로 작성해 봅니다. 오늘 학습 내용 중 새롭게 배운 내용은 무엇인가요? 오늘 새롭게 학습한 내용을 다른 사람에게 설명할 수 있나요? 오늘 학습한 내용 중 아직 이해되지 않은 불확실한 내용은 무엇인가요? 이해되지 않은, 불확실한 ..

보호되어 있는 글입니다.

보호되어 있는 글입니다.