본문 바로가기

전체 글292

2022.08.24. ▶ 학습 전(계획) 학습 목표는 무엇인가? 페이지 레이아웃 와이어 프레임 목업 페이지 레이아웃 구성 이미 알고 있는 내용은 무엇인가? 이미 배워본 내용은 없다. 모두 새롭게 배울 내용들이다. 집중해서 학습 목표를 달성해야겠다. ▶ 학습 후(점검 및 평가) 새롭게 배운 내용은 무엇인가? 레이아웃을 위한 HTML 구조 설계 Flexbox에 대한 핵심적인 개념과 내용 와이어프레임 HTML 문서에서 id와 class의 적절한 사용 다른 사람에게 설명할 수 있는가? 수직 분할과 수평 분할에 대해 설명할 수 있다. Flexbox가 무엇인지, 부모 요소에 적용해야 하는 속성들과 자식 요소에 적용해야 하는 속성들을 설명할 수 있다. 와이어프레임과 목업이 무엇인지 설명할 수 있다. HTML로 웹과 앱의 구조 잡는 순서를.. 2022. 8. 24.
print vs printf vs println System.out.print(); 괄호 안에 들어있는 내용을 그대로 출력한다. 개행문자(줄바꿈문자)를 포함하지 않는다. System.out.printf(); %d, %f 등 서식이 있는 출력을 위해 사용한다. 마찬가지로, 개행문자를 포함하지 않는다. System.out.println(); 괄호 안의 내용을 그대로 출력한다. 개행문자가 포함되어 자동으로 줄바꿈이 된다. 다음은, 세 구문을 비교해서 결과를 나타낸 것이다. 차이점을 바로 알아보자. 다음 결과와 같이 println은 개행문자가 포함되어 콘솔 창에 한 줄 띄워진 것을 알 수 있다. (마지막 System.out.println 구문은 개행문자가 진짜 포함되어 적용이 되는지 쳐본 것이다.) 원래는 System.out.println() 밖에 알지 못했.. 2022. 8. 24.
HTML HTML; HyperText Markup Language은 웹 페이지의 가장 기초적인 틀 만든다. HTML은 tag들의 집합이다. The document head ... The page title ... The page's content ... A section heading ... A paragraph ... A link An image ... A block-level container for content ... An inline container for content 다음으로 추려볼 수 있을 것 같다. 각 태그들에 대한 자세한 설명을 확인하려면 https://www.elated.com/first-10-html-tags/ 을 참고해보자. vs div 태그는 block-level element로, 한 .. 2022. 8. 23.
2022.08.23. ▶ 학습 전(계획) 학습 목표는 무엇인가? HTML, CSS HTML의 기본 문법 CSS 기본 문법과 레이아웃 이미 알고 있는 내용은 무엇인가? HTML의 문법 중 가장 기초적인 부분은 이미 배워봤다. 그러나, 완벽히 다 알진 못한다. ▶ 학습 후(점검 및 평가) 새롭게 배운 내용은 무엇인가? HTML이란 정확히 무엇을 뜻하고 어떻게 쓰이는가 HTML의 기본 구조와 문법, 자주 사용하게 될 HTML 요소 배운 내용을 토대로, W3 Schools HTML에서의 문제 풀이 CSS의 문법 및 구성, 셀렉터 CSS로 텍스트 꾸미기, 박스의 구성 요소 다른 사람에게 설명할 수 있는가? HTML의 많은 태그들을 자세히 설명할 순 없지만, 기본적인 문법이나 구성, 그리고 자주 사용하는 태그들을 설명할 수 있다. CS.. 2022. 8. 23.
웹 클라이언트와 웹 서버 리소스를 사용하는 쪽이 클라이언트 ( 어원 그대로 client 손님, 요청을 하는 쪽이라고 생각하면 편하다 ) 리소스를 제공하는 곳이 서버 ( 어원 그대로 serve 제공하다, 제공하는 쪽이라고 생각하면 편하다 ) 2-Tier 아키텍처 리소스를 사용하는 앱과 리소스가 존재하는 곳을 분리시킨 것 클라이언트 - 서버 3-Tier 아키텍처 리소스를 사용하는 앱, 리소스를 전달해주는 앱, 그리고 리소스 저장 공간을 분리시킨 것 클라이언트 - 서버 - 데이터베이스 데이터베이스를 데이터가 모여 있는 창고라고 생각하면 편하다. 흔히, 클라이언트는 프론트엔드 영역 / 서버와 데이터베이스를 백엔드 영역이라고 한다. 데이터베이스는 데이터 제공자로서 일하므로 일종의 서버라고 볼 수 있다. 2022. 8. 22.
컴퓨터와 프로그래밍 컴퓨터는 입력 받은 데이터를 정해진 규칙대로 처리하고 처리된 결과를 저장 및 출력하는 전자 장치이다. 입력장치를 통해 데이터를 입력 받고, 프로그램이라는 규칙으로, 중앙처리장치를 통해 처리하고, 기억장치에 결과를 저장하고, 출력장치를 통해 출력한다. 컴퓨터의 구성 요소 하드웨어 : 물리적인 형태로 존재, 컴퓨터를 구성하는 기계적 장치들의 집합 중앙처리장치 ( CPU ) : 프로그램의 실행과 데이터 처리를 담당하는 컴퓨터의 핵심 장치 제어장치 : CPU 의 모든 동작, 데이터 흐름을 통제하고 관리 연산장치 : 프로그램의 명령어를 수행, 코드를 실행시키는 장치 레지스터 : 작고 빠른 기억장치, 데이터를 임시 보관 및 제공 기억장치 : CPU 의 동작에 필요한 데이터들의 저장장치 보조기억장치 : 필요한 모든 .. 2022. 8. 22.
2022.08.22. ▶ 학습 전(계획) 학습 목표는 무엇인가? 웹 어플리케이션의 기본적인 구조에 대해 설명할 수 있다. 컴퓨터의 구성 요소 웹 애플리케이션 기본 구조 기본 개발 환경 세팅 이미 알고 있는 내용은 무엇인가? 컴퓨터와 프로그래밍에 대한 이론적인 부분은 정확히 알지 못한다. intellij 를 써봤기 때문에, 어떻게 사용하는지는 안다. 하지만, 깊게 알지는 못한다. ▶ 학습 후(점검 및 평가) 새롭게 배운 내용은 무엇인가? 컴퓨터의 정의 컴퓨터의 구성요소 컴퓨터의 동작 원리 하드웨어와 소프트웨어 프로그래밍 빌드, 컴파일 웹 클라이언트와 웹 서버 Linux 설치 방법, 우분투 설치 방법, 환경 변수 설정 방법 Intellij Tutorial & 자주 쓰이는 단축키 다른 사람에게 설명할 수 있는가? 컴퓨터란 입력된 .. 2022. 8. 22.
메타인지란? 생각에 관한 생각 (Thinking about Thinking) 내 자신을 객관적으로 성찰하는 것이다. 내 자신이 무엇을 알고, 무엇을 모르는지 객관적으로 파악하고 그에 맞게 계획과 전략을 세울 수 있는 능력이다. 자기주도학습에 있어서 가장 중요한 도구를 메타인지라 할 수 있다. 메타인지 훈련을 위해서 회고라는 방법을 쓸 수 있다. 회고록을 작성하면서 현재 자신의 상태를 인지하고 계획을 정립할 수 있는 시간이다. 다음은 학습을 위한 메타인지 자문이다. - 학습 전 ( 계획 단계 ) 1. 오늘의 나의 학습 목표는 무엇인가? 2. 오늘 학습할 내용 중 내가 이미 알고 있는 내용은 무엇인가? - 학습 후 ( 점검 및 평가 단계 ) 1. 오늘 학습한 내용 중 새롭게 배운 내용은 무엇인가? 2. 오늘 새롭게 배운.. 2022. 8. 20.
2022.08.19. 코드스테이츠 백엔드 3회차 합격을 하고, 개강 OT 날이다. 사실은 어제다. 어제는 정신이 없어, 어제의 회고를 오늘에서야 쓴다. 어디 보여주기 위함이 아닌 내 블로그에서 내 생각을 끄적이는 것이기에 어딘가에 얽매이지 않아 너무 좋다. 어제의 축포는 거즘 마지막이라 생각한다. 이제 정신없이 달릴 일만 남을 것이다. 오늘은 첫 개강날이기도 하고, 느끼는 점이 많기에 말이 길어질 것 같다. 처음 코드스테이츠 합격을 통보 받았을 때는 얼떨떨했다 그냥. 어? 이게 되네..? 라는 식이였다. 이게 어떻게 보면 건방져보일 순 있겠지만, 난 안되겠지라는 생각이 이미 깔려있었고 안되었을 경우에 낙담을 크게 안하려고 큰 기대를 애초에 하지 않고 있었다. 아무튼, 기쁘긴 했다. 줌을 켜고 살짝은 떨리고 설레는 마음으로 대.. 2022. 8. 20.

티스토리툴바