JiYoung Dev 🖥

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

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

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

프로그래밍 공부를 시작하고 나서 만드는 나의 첫 웹페이지. 사실 파이썬 알고리즘 강의를 듣다가 어렵기도 하고 흥미도 줄어들고 그래서 CSS와 HTML 공부를 같이 시작하며 나만의 웹페이지를 만들어보려 한다. 블로그, 게시판 등 많은 것들이 있지만 이전부터 내가 만약 프로그래밍을 할 수 있게 된다면 만들고 싶었던 것 중 하나가 바로 운동 기록 웹페이지였다. 기존에 어플로 만들어져 있는 운동 기록 어플은 기능이 너무 많아서 오히려 기록하는 데 비효율적이랄까. 그래서 나는 항상 어플을 쓰다가 포기하고 결국에는 스프레드시트를 사용했는데, 스프레드 시트도 나를 완벽하게 만족시켜 주진 않는다. 기록용으로는 좋은데 최대 중량이나 횟수, 운동을 한 날과 안 한 날 등을 한눈에 확인하기 어렵다는 것과 운동 종목을 일일이..

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에서 태그는 ..

2023.02.28 코드잇 학습내용 🔎 Dynamic Programming 연습문제 가지고 있는 새꼼달꼼으로 벌어들일 수 있는 최대 수익 구하기 price_list : 개수별 가격이 정리되어 있는 리스트 count : 판매할 새꼼달꼼 개수 cache : 개수별 최대 수익이 저장되어 있는 사전 📖 memoization으로 문제 풀기 ① base case : 0개 팔았을 때 혹은 1개 팔았을 때에는 price_list의 가격 그대로 출력 ② recursive case : 최대 수익 구하기 1개 팔았을 때 수익 : 100 2개 팔았을 때 나올 수 있는 수익 : (1개, 1개) 팔았을 때 혹은 (2개, 0개) 팔았을 때 3개 팔았을 때 나올 수 있는 수익 : (1개, 2개) 팔았을 때 혹은 (3개, 0개) 팔았..

2023.02.27 코드잇 학습내용 🔎 Dynamic Programming 복잡한 문제를 더 작고 간단한 하위 문제로 분해하여 각각의 하위 문제를 한 번만 풀고, 각 하위 문제의 해결책을 표에 저장한 후 필요에 따라 재사용하는 알고리즘 패러다임. Dynamic Programming의 조건 1. 최적 부분 구조 (Optimal Substructure) 최적 부분 구조가 있다는 것은 부분 문제들의 최적의 답을 이용하여 기존 문제의 최적의 답을 구할 수 있다는 것을 의미함. 즉, 기존 문제를 부분 문제로 나누어 풀 수 있어야 함. (ex. 피보나치 수열) 2. 중복되는 부분 문제 (Overlapping Subproblems) 피보나치 수열과 같이 최적 부분 구조가 있는 문제를 풀 때에는 중복 되는 부분 문제들..

2023.02.25 ~ 2023.02.26 코드잇 학습내용 🔎 Divide and Conquer 분할 정복 분할 정복 알고리즘(Divide and Conquer algorithm)은 그대로 해결할 수 없는 문제를 작은 문제로 분할하여 문제를 해결하는 알고리즘. 퀵 정렬이나 합병 정렬로 대표되는 정렬 알고리즘 문제와 이진 탐색 알고리즘, 행렬 곱셈 등이 분할 정복 알고리즘을 사용 분할 정복 알고리즘은 보통 재귀 함수(recursive function)를 통해 자연스럽게 구현됨. 따라서 분할 정복을 이해하기 위해서는 재귀 개념에 대한 이해가 우선함. function F(x) : # base case if F(x)의 문제가 간단: return F(x)을 직접 계산한 값 # 재귀함수 x를 y1과 y2로 분할 F..

2023.02.24 코드잇 학습내용 🔎 알고리즘 패러다임(algorithm paradigm) 문제를 해결하는 데에는 여러 가지 방식이 있음. 여러 문제를 해결하다 보면 해결 과정이 비슷한 경우가 있는데, 이러한 것을 알고리즘 패러다임이라고 함. 즉, 어떠한 문제를 풀기 위한 일반적인 접근법 혹은 방법론. 몇 가지 자주 사용되는 알고리즘 패러다임이 있으며, 각 알고리즘은 문제를 풀기 위한 자신만의 기술과 도구를 가지고 있음. 또한, 하나의 문제를 푸는 방법은 다양하기 때문에 여러 알고리즘 패러다임으로 한 문제에 접근할 수도 있음. 가장 자주 사용되는 알고리즘 패러다임 1. Greedy Algorithms 2. Divide and Conquer 3. Dynamic Programming 4. Backtrack..