나의 모양

💙 오늘 배운 것 🤍 배열 같은 타입의 값들을 하나로 묶어[] { }안에 나열한 것 배열의 요소: 배열이 가진 각각의 값 인덱스: 배열의 각 요소가 부여받는 번호로, 0부터 시작 배열의 길이: 1부터 시작 배열의 마지막 요소: 배열 길이 - 1 배열에서 변수명이 참조변수인 이유? 기본타입: 실제 값 저장 타입 별 크기가 정해져있음 -> 기본 타입 값을 가진 변수 선언 시 컴퓨터가 어느정도의 메모리공간을 확보해야 할지 앎 참조타입: 주소값 저장 타입 별 크기가 정해져있지 않음 -> 배열 선언 시점에 배열이 몇 개의 요소를 가질지 모르기 때문 -> 그래서 배열 선언 후 생성될 배열의 주소값을 담을 메모리공간만 확보됨 -> 배열 생성 후 해당 배열의 참조변수에 시작 주소값이 할당 🤍 배열의 차원 1차원 배열:..

💙 제어문(Control Flow Statement) 제어문에서 많이 하는 실습인 구구단과 로또에서 좌절하고 있을 때가 아니었다 ㅠ.ㅠ 여태 내가 했던 것은 정말 아무것도 아니었다 ... 아직 나는 갈길이 멀다는 것을 뼈저리게 느꼈다 🫥 🤍 조건문 if문, if~else문, switch문 🤍 반복문 for문, while문, do~while문 for문과 while문, 언제쓸까?🤔 for문: 반복 횟수 지정 => 반복을 몇번 해야되는지 알 때 사용 while문: 반복을 몇 번 해야되는지 모호할 때 사용 => 특정 조건이 되는 동안 반복 🤍 break문 / continue문 더보기 break문 반복문인 for문, while문, do-while문, 조건문인 switch문에서 break문을 사용하여 종료 만약, ..

💙 자바 기초 오늘 배운 내용에 대해서 쓰려고 보니까 이미 더 잘 정리된 블로그부터 시작해서 무수히 많은 정보가 쏟아져 나온다. 블로그를 아무리 공들여서 쓴다고 한들 공부할 땐 알겠다고 생각하지만 사실 그 때 뿐인 것 같다. 그리고 포스팅 하나하나 공들여서 정성스럽게 쓰고 싶지만 시간이 너~~무 오래걸리고, 잘해야된다는 강박이 심해진다. 그리고 그 대비 나중엔 잘 안보게 된다는 슬픈(ㅠㅠ)얘기가 전해져 내려온다. 그래서 나는 오늘 내가 배운 것들만을 간단하게 적어보려고 한다. 이 포스팅을 정말 잘 써내고 싶지만 ... 최소한 나한테 의미가 있으면 되는 것 같다. 자바의 특징 운영체제에 독립적 ⇒ JVM이 있기 때문 객체지향 언어(OOP, Object-Oriented Programming) 함수형 프로..

💙 CLI 기본 명령어 🤍 프롬프트 키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간 입력 명령 실행: Enter 🤍 명령어 더보기 pwd(print working directory): 현재 위치 확인 mkdir(make directories): 새로운 폴더 생성💡 폴더/파일명에 공백 \spaceBar “ “ 따옴표 안에 내용 기재. “ “를 하나의 문자로 ls(list): 현재 위치의 폴더 리스트 출력 ls 명령어 옵션 ls -l: 폴더/파일 포맷을 전부 표현 ls -a(all): 숨어있는 폴더/파일 포함 모든 항목을 터미널에 출력 ls -al or ls -la cd(change directory): 폴더에 진입 touch: 새로운 파일 생성 >: 실행 결과를 파일로 저장 echo: 뒤의 내용을 ..

💙 실습 트위틀러 목업 구현 트위틀러: 가짜 트위터 실습 내용: 주어진 이미지와 함께 최소한의 html, css 그리고 이미 만들어진 js로 창의력 한 스푼을 더해 트위틀러 목업을 만드는 것 HTML 더보기 twittler Username Message Tweet! Check New Tweets CSS 더보기 #greeting { font-size: 24px; font-family: sans-serif; font-weight: bold; border-radius: 1em; color: #2aa9e0; background-color: white; text-align: center; margin: 0.5em; padding: 0.5em; } #box1 { background-color: #e8f5fd; p..

📌 페이지 레이아웃 💙 레이아웃: 화면을 나누는 방법 🤍 HTML 구성하기 콘텐츠 흐름: 좌 → 우 / 위 → 아래 CSS 화면 구분 수직분할: 콘텐츠 가로 배치 수평분할: 내부 콘텐츠의 세로 배치 수평분할 + height ⇒ 직관적인 수평 분할 가능 아이콘 1 아이콘 2 아이콘 3 영역1 영역2 영역3 영역4 영역5 /* CSS */ .w70 { width: 70%; } .h40 { height: 40%; } 🤍 레이아웃 리셋 박스를 잡는데 있어 HTML의 기본 스타일로 인한 어려운 점 태그 기본 스타일에 약간의 여백이 있음 width, height 계산에 여백 불포함 (003의 박스모델 참고) 브라우저마다 다른 기본 스타일 해결방법 기본 스타일링 제거 * { box-sizing: border-box;..

🤍 HTML(HyperText Markup Language) 태그(tag)들의 집합 tag: 로 묶인 HTML의 기본 구성 요소 Semantic Tag: 각 요소의 역할을 명확하게 규정해주는 것, 직관적인 내용 파악 HTML elements reference - HTML: HyperText Markup Language | MDN HTML elements reference - HTML: HyperText Markup Language | MDN This page lists all the HTML elements, which are created using tags. developer.mozilla.org 열고(closing tag) 가 한 쌍이지만, 닫는 태그가 없을 경우 연 태그 맨 마지막에 / 붙여주면 ..

🤍 컴퓨터의 이해 컴퓨터: 입력받은 데이터를 정해진 규칙대로 처리해서 처리 결과를 저장하고 출력하는 장치 컴퓨터의 구성요소 정해진 규칙대로 → 소프트웨어 입력받은 데이터를 처리해서 처리결과를 저장하고 출력하는 장치 → 하드웨어 ⇒ 소프트웨어와 하드웨어의 상호작용으로 동작 소프트웨어 하드웨어의 동작을 지시하고 제어하는 명령어의 집합 시스템 소프트웨어(System Software) 응용 소프트웨어(Application Software) 하드웨어 컴퓨터를 구성하는 물리적 장치 분류: 중앙처리장치, 기억장치, 입력장치, 출력장치 ⇒ 시스템 버스로 연결 중앙처리장치(CPU, Central Processing Unit) (= 프로세서): 컴퓨터의 핵심장치로, 프로그램 실행 & 데이터 처리 담당 제어장치: CPU의 ..