JiYoung Dev 🖥

주요 기능 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 포지션 가장 가까운 포지셔닝이..

책 제목 : K 배터리 레볼루션 저자 : 박순혁 독서일 : 2023.03.02 ~ 2023.03.07 분야 : 경제경영 코로나 이후 사람들의 재테크에 대한 관심이 많이 증가하긴 했나 보다. 하긴, 나도 이젠 안 하던 투자를 하기 시작했으니 말 다했지. 그래도 놀랍다. 투자 관련 서적이 특히 특정 분야에 대한 내용이 담긴 책이 베스트셀러가 되다니. 이 책은 K 배터리가 현재의 반도체와 같이 미래의 유망 산업으로 떠오를 예정이며, 그 중에서 K 배터리가 세계 시장을 선도할 거라는 내용이 담긴 책이다. 앞으로 전기자동차로 전환이 이루어질 것이 뻔한데 그 중에서도 왜 배터리 산업에 관심을 가져야 하는가를 정말 쉽게 잘 설명해 주셨다. 요약하자면 이거다. 기존의 자동차는 엔진이 중요했다. 자동차 회사의 엔진과 관..

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

어제 CSS 핵심 강의를 다 듣고 오늘 내가 만든 웹페이지에 스타일을 입혀보았다. 카카오오븐으로 만든 스토리보드 디자인을 기본으로 했으나, 폰트 크기나 여백 등은 임의로 css로 직접 코딩을 해보면서 적당하게 조절하였다. 🔎 css 코드 작성 결과 간단한 웹페이지라서 동일한 디자인의 구조가 많아 작성이 어렵지 않았다. 작성하면서 모르는 부분은 구글링을 통해 해결하였고, 그 내용은 아래와 같다. 📖 Div 태그 중앙에 정렬하기 Div 태그에 Width를 설정하고 margin 오른쪽, 왼쪽 값을 auto로 설정 ▼ html 코드 ▼ ▼ CSS 코드 ▼ 📖 한 줄 문장 양쪽 정렬하기 한 줄짜리 문장을 양쪽 정렬하고 싶어 text-align: justify를 적용했지만 적용되지 않았음. 여러 줄일 경우에는 정렬..

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

책제목 : 김미경의 마흔 수업 저자 : 김미경 장르 : 자기계발 독서 기간 : 2023.02.24 ~ 2023.03.01 요즘 40살이 된 사람들을 위한 책이 눈에 자주 띈다. 40살에 읽는 논어였나 그 책도 그렇고 아무튼 40이라는 숫자가 들어간 책이 많아진 느낌이다. 이 책 역시 제목에 걸맞게 이제 40대가 된 사람들을 위해 쓴 책이다. 나는 아직 40살이 되려면 9년이나 남았는데... 책 제목을 보고 40살이 되면 어떤 느낌일까 생각해 보았다. 결혼도 했을 것 같고, 직장에 다니면서 중간 관리자급으로 일을 하고 있을 것 같다. 그리고 집도 있고, 큰 차도 있고, 아이도 있고 보통 사람들이 인생을 살면서 필요로 하고, 가지고 있어야 한다고 생각하는 것들을 이루고 살고 있지 않을까? 그런데 책을 읽고 ..

어제 간단하게 스토리보드를 만들었고, 오늘은 만든 스토리보드를 보면서 HTML 코드를 작성해 보았다. 아직 HTML 기초 과정만 배운터라 버튼이나 인풋, 테이블 등 안배운 것들이 있었지만 안배운 내용들은 구글링이나 기타 사이트의 개발자 콘솔을 활용해 코드를 따라하며 넣었으며 앞으로 배워나가면서 차차 알맞게 수정하고자 한다. 오늘까지 작성한 코드는 스타일은 하나도 들어가 있지 않은 코드이며, 스타일은 내일 적용해볼 계획이다. 운동 기록 웹페이지 만들기 : 기획 포스팅 [운동 기록 웹페이지 만들기] 기획 (2023.03.01) 프로그래밍 공부를 시작하고 나서 만드는 나의 첫 웹페이지. 사실 파이썬 알고리즘 강의를 듣다가 어렵기도 하고 흥미도 줄어들고 그래서 CSS와 HTML 공부를 같이 시작하며 나만의 웹페..

2023.03.01 코드잇 학습내용 🔎 그리디 알고리즘(Greedy Algorithm) greedy는 탐욕이라는 뜻. 그리디 알고리즘(Greedy Algorithm)은 미래를 내다보지 않고, 당장 눈앞에 보이는 최적의 선택을 하는 방식 그리디 알고리즘은 간단하고 빠르다는 장점이 있으나 순간마다 최적의 선택을 하는 경우 그 순간에 대해서는 최적이지만, 최종적인 답을 만들었을 때에는 그 답이 최적이 아닐 수 있음. 즉, 최적의 답이 보장되지 않는다는 단점이 있음. 📖 그리디 알고리즘을 사용하는 경우 1. 문제를 해결하는 다른 알고리즘이 너무 느려서 사용할 수 없는 수준일 때 2. 애초부터 최적의 답이 필요 없을 때 사용 3. 순간의 최적의 선택이 최종 답에서도 최적의 선택이 되는 경우 3번과 같이 그리디 알..