JiYoung Dev 🖥

어제 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번과 같이 그리디 알..

프로그래밍 공부를 시작하고 나서 만드는 나의 첫 웹페이지. 사실 파이썬 알고리즘 강의를 듣다가 어렵기도 하고 흥미도 줄어들고 그래서 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) 피보나치 수열과 같이 최적 부분 구조가 있는 문제를 풀 때에는 중복 되는 부분 문제들..