오늘의 목표

1. 백준 문제 풀기
2. 다이브 페이지 수정할 부분 공부하기 1
   1. 다이브 메인 페이지에 사진 넣는 법 공부하기

오늘의 내용 및 결과

1. 컴퓨터 포맷 후 처음 코딩을 하는데 경로 설정이 제대로 되어 있지 않아 경로 설정 후 코딩 시작
   1. 3003번
      1. 오랜만에 문제를 풀어서 시간이 오래 걸림
      2. 처음에 하나하나 빼는 식으로 풀었는데 더 단순한 방식이 있을 것 같아서 다른 사람의 풀이를 보니 더 깔끔한 코드가 있었음
      3. 그 코드를 이해하고 다시 한 번 풀어봄
2. 사진이 들어가는 패턴을 알아냄

<ul class="programs-filter" id="programs_filter" data-aos="fade-up" data-aos-delay="100">
	<li data-filter="*" class="filter-active">모든 사진</li>
	<li data-filter=".filter-study">Study</li>
	<li data-filter=".filter-mentor">Mentoring</li>
	<li data-filter=".filter-fellow">Fellowship</li>
 </ul>

<div class="col-lg-3 col-md-4 col-sm-6 programs-item filter-study">
	<div class="programs-wrap">
		<img src="/dist/res/image/index/programs/lecture.png" class="img-fluid" alt="">
		<div class="programs-info">
			 <h4>코딩 교육</h4>
		</div>
	</div>
</div>

---
위 코드에서 <li data-filter=".filter-fellow">로 특정 이름의 필터를 지정한 뒤 버튼 이름을 만듦

사진을 넣을 때 위에 설정해두었던 필터를 넣으면 만들어놓은 특정 카테고리로 분류됨