JiYoung Dev 🖥

2023.03.15 ~ 16 복습 🔎 컴퓨터와 프로그래밍 📖 프로그래밍 언어 프로그래밍 언어는 컴퓨터가 실행할 프로그램을 작성하는 언어. 컴퓨터의 CPU는 이진수(binary code)인 0과 1밖에 이해하지 못하며 이진수 명령어들로 구성된 언어를 기계어(machine language)라고 함. 사람이 직접 기계어 프로그램을 작성하는 것은 힘들기 때문에 기계어의 각 명령을 ADD, SUB, MOVE 등 가급적 표현하기 쉬운 상징적인 니모닉 기호(mnemonic symbol)로 일대일 대응시킨 어셈블리어(assembly language)가 만들어졌음. 어셈블리어 역시 사람이 다루기 힘들고, 다양한 프로그램이나 자료를 표현하기에는 한계가 있어, 사람이 이해하기 쉽고, 복잡한 알고리즘이나 프로그램, 자료를 효..

주요 기능 5개의 줄을 타고 이동하면서 장애물(원숭이, 바나나, 벌, 뱀)을 피하는 게임 90초 동안 버티면 성공 랜덤으로 날아오는 케이크를 먹으면 점수 획득 1. user 왼쪽, 오른쪽 방향키를 이용하여 줄 이동하고 위 아래 방향키를 이용하여 위 아래로 움직임 2. 장애물 ① user 방향으로 바나나를 던지면서 줄을 타고 올라가는 원숭이 ② 양쪽에서 날아오는 벌 ③ 줄을 타고 내려오는 뱀 주요 기능 구현 스크립트 1. user가 줄을 타고 올라가는 모양 - 5개의 줄이 그려진 sprite를 만들고, (0, 0)으로 이동시킴 - 5초에 한 번씩 줄 sprite를 복사하고, 기존 sprite는 맨 뒤로 이동 후 아래방향으로 이동 → 위의 과정이 없으면 복제된 아이가 함께 올라가서 밑에 부분이 비게 됨 (아..

개발자로 성공적으로 취업하기 위해 필요한 것! (추천영상) 🔎 컴퓨터 기본 용어 📖 하드웨어(Hardware) 물리적인 장치 ⚙ 하드웨어 종류 CPU(central processing unit) 컴퓨터의 두뇌 역할 메모리에 저장된 명령어를 읽어 들이고 읽어 들인 명령어를 해석하고 실행 산술 논리 연산, 제어 등을 담당 주기억장치(메모리) 현재 실행되는 프로그램의 명령어와 데이터를 저장하는 장치 프로그램이 실행되려면 반드시 메모리에 저장되어 있어야 함 RAM(Read Access Memory) : 일반적으로 메모리라고 하는 것은 이것을 칭함. 휘발성 장치 ROM(Read Only Memory) : 읽기만 가능하며 비휘발성 장치 메모리에 저장되는 데이터는 0과 1 최소 단위는 1bit 1byte = 8bit..

2023.03.07~2023.03.08 코드잇 학습내용 🔎 Position 속성 글의 흐름에서 벗어나 요소를 자유롭게 배치할 때 쓰는 속성 기본값은 static이고, static인 경우 원래 있어야 할 위치에 배치됨 📖 위치 정하기 top, right, bottom, left 속성으로 위치를 정할 수 있음 위의 4개의 값이 모두 같은 경우 inset 속성 사용 📖 relative 포지션 요소의 원래 위치를 기준으로 배치함. 이때 요소의 원래 자리는 그대로 차지하고 있음. .blue { background-color: blue; width: 200px; height: 50px; position: relative; top: 15px; left: 10px; } 📖 absolute 포지션 가장 가까운 포지셔닝이..

2023.03.06 코드잇 학습 내용 🔎 HTML (Hypertext Markup Language) - Hypertext(하이퍼텍스트) : 서로 링크로 연결된 문서 - Markup Language(마크업 랭귀지) : 마크업 하는 프로그래밍 언어 → mark something up : 표시하다 ▶ 내용에 추가적인 정보를 표시하는 프로그래밍 언어 - 즉, 링크로 연결된 문서를 만들 때 사용하는, 내용뿐만 아니라 문서의 구조와 의미(h1, p, button 등)와 같은 추가적인 정보까지 표시하는 프로그래밍 언어 📖 HTML의 기본 문법 ... 내용 html은 태그로 작성 태그는 기호로 감싸져 있음 시작태그, 종료태그 시작..

2023.03.01 ~ 2023.03.03 코드잇 학습내용 🔎 CSS 규칙 HTML태그에 스타일 속성을 추가하여 스타일을 입힐 수 있었음. 그러나 이 방법은 동일한 속성을 주고 싶은 태그가 여러 개일 때 스타일을 입히는 게 번거로워짐. 따라서 관심사의 분리(seperation of concerns)를 진행함. 즉, 내용과 스타일을 분리하는 것. 관심사를 분리하면 내용과 스타일을 따로 고치기 편하고, CSS 파일을 따로 저장하기 편함. 따라서 CSS 속성을 하나하나 태그에 넣기보다는 CSS 규칙을 정해 놓고 사용하는 것을 권장함 기본 문법: 선택자 { 속성: 속성값; 속성: 속성값; } 작성 예: h3 { color: #ffffff; font-size: 20px } 🔎 CSS 선택자 규칙에서 요소를 선택하..

2023.02.28 코드잇 강의 내용 🔎 style 속성 태그에 CSS를 적용하려면 style이라는 속성을 사용 CSS 코드를 추가할 때는 CSS 속성: CSS 속성값 형태로 작성 여러 개의 CSS 속성을 사용할 때는 세미콜론(;)으로 구분 🔎 CSS 기본 단위 📖 색이름 red, green, yellow처럼 색상을 이름으로 사용하는 방식 → 다양한 색을 표현하는데 한계가 있기 때문에 거의 사용하지 않음 📖 색상 코드 색상을 HEX(16진수)로 표현한 값. 보통 이 값으로 색상을 사용. 모든 색깔들을 펼쳐 놓고 하나씩 코드를 부여한 것으로 구글에서 'color picker' 등을 검색하여 색상 코드를 확인할 수 있음 📖 픽셀(Picture element) 화면에서 그려지는 가장 작은 정사각형을 말하여, ..

🔎 HTML, CSS란? HTML, CSS는 웹사이트를 만드는 프로그래밍 언어(컴퓨터 프로그램을 만들 때 사용하는 언어) 소스 코드 : 프로그래밍 언어로 작성한 내용 코딩 한다 : 프로그래밍 언어로 코드를 작성한다. HTML은 웹사이트에 들어가는 내용을 담당하고, CSS(Cascading Style Sheets)는 웹사이트에 들어갈 스타일을 담당 웹사이트를 만들 때는 기본적으로 .html 형식의 파일을 만듦. HTML 파일을 편집한 다음에 웹 브라우저에서 열면 우리가 평소에 보는 웹사이트처럼 화면에서 볼 수 있음. HTML 파일을 작성하기 위해 VS Code를 사용하고, 웹 브라우저로는 크롬을 사용하여 웹사이트를 만들어 볼 예정. 🔎 HTML 파일 만들고 실행해보기 📖 태그(Tag) HTML에서 태그는 ..

Java Pre-Training - 2023.02.21 학습내용 참고자료 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 지난 시간에서 제어문이란 프로그램의 명령의 순서(흐름)를 제어하는 문법이라고 하였음 자바에서 제어문으로는 크게 조건문과 반복문이 있음 🔎 반복문(iteration statements) 반복문이란 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 명령문 어떤 조건에 만족할 때까지 실행문을 반복하여 실행하는 구조 프로그램이 처리하는 대부분의 코드는 반복적인 형태가 많기 때문에 가장 많이 사용되는 제어문 중 하나 반복문을 사용하는 이유는 ①코드의 간소화, ②특정한 명령의 코드를 반..

자바 pre-training - 2023.02.20 학습 내용 참고자료 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 🔎 제어문 (control flow statements) 프로그램의 명령의 순서(흐름)를 제어하는 문법 자바 프로그램이 원하는 결과를 얻기 위해서는 프로그램의 순차적인 흐름을 제어해야만 할 경우가 생김. 이때 사용하는 명령문을 제어문이라고 하며, 이러한 제어문에는 조건문, 반복문 등이 있음 이러한 제어문에 속하는 명령문들은 중괄호({})로 둘러싸여 있으며, 이러한 중괄호 영역을 블록(block)이라고 함 자바 제어문의 종류 - 조건문 : 조건에 따라 명령을 실행 (if문, switch문) - 반복문 ..