diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..cdf857e Binary files /dev/null and b/.DS_Store differ diff --git a/Session02 /.DS_Store b/Session02 /.DS_Store new file mode 100644 index 0000000..0e106b8 Binary files /dev/null and b/Session02 /.DS_Store differ diff --git a/Session02 /.gitignore b/Session02 /.gitignore new file mode 100644 index 0000000..496ee2c --- /dev/null +++ b/Session02 /.gitignore @@ -0,0 +1 @@ +.DS_Store \ No newline at end of file diff --git "a/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/account.html" "b/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/account.html" new file mode 100644 index 0000000..290907d --- /dev/null +++ "b/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/account.html" @@ -0,0 +1,52 @@ + + + + + + + 2차세미나 가계부 과제 + + +

민영이 가계부**

+
+ +
+ + +
+
+

내역 리스트

+
+ + + + +
+
+ +
+
+ + + +
+
+

정말 삭제하시겠습니까?

+
+ + +
+
+
+ +
+ + + + \ No newline at end of file diff --git "a/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/account.js" "b/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/account.js" new file mode 100644 index 0000000..8573daf --- /dev/null +++ "b/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/account.js" @@ -0,0 +1,263 @@ +const INIT_BALANCE = 0; +const HISTORY_LIST = [ + { + id: 0, + category: "식비", + description: "스타벅스", + price: -10000, + }, + { + id: 1, + category: "서적", + description: "자구교재", + price: -500000, + }, + { + id: 2, + category: "식비", + description: "스타벅스", + price: -5000, + }, + { + id: 3, + category: "용돈", + description: "고모부", + price: +250000, + }, +]; + +//summary-article +//2.2 총수입 총지출 반영 +function summary_element() { + let plus = 0; + let minus = 0; + historyList.forEach((el) => { + el.price > 0 ? (plus += el.price) : (minus -= el.price); + }); + + const summary_element_H3 = document.createElement("h3"); + summary_element_H3.textContent = "나의 자산"; + + const summary_element_current = document.createElement("p"); + summary_element_current.textContent = (plus - minus).toLocaleString(); + + const summary_element_detail = document.createElement("div"); + summary_element_detail.className = "detail"; + + //detail-수입 + const plusBtn = document.createElement("i"); + plusBtn.textContent = "+"; + const plusSpan = document.createElement("span"); + plusSpan.textContent = plus.toLocaleString(); + plusSpan.className = "plus"; + + //detail-지출 + const minusBtn = document.createElement("i"); + minusBtn.textContent = "-"; + const minusSpan = document.createElement("span"); + minusSpan.textContent = minus.toLocaleString(); + minusSpan.className = "minus"; + + summary_element_detail.appendChild(plusBtn); + summary_element_detail.appendChild(plusSpan); + summary_element_detail.appendChild(minusBtn); + summary_element_detail.appendChild(minusSpan); + + const summary_article_add_element = document.querySelectorAll(".summary-article")[0]; + summary_article_add_element.innerHTML = ""; // 한번 초기화 후 다시 생성 + summary_article_add_element.appendChild(summary_element_H3); + summary_article_add_element.append(summary_element_current); + summary_article_add_element.append(summary_element_detail); +} + +const historyList = HISTORY_LIST; +// 2.1(b) 상수 데이터 렌더링 +function list_element(id, category, description, price) { + + const categorySpan = document.createElement("span"); + categorySpan.textContent = category; + categorySpan.className = "category"; + + const descriptionSpan = document.createElement("span"); + descriptionSpan.textContent = description; + descriptionSpan.className = "description"; + + const priceSpan = document.createElement("span"); + priceSpan.textContent = (price > 0 ? "+" : "") + price.toLocaleString(); + priceSpan.className = price < 0 ? "outcome" : "income"; + + const deleteListBtn = document.createElement("i"); + deleteListBtn.textContent = "delete"; + deleteListBtn.className = `delete_list_Button ${id}`; + + //2.4 delete 이벤트 : id로 delete 식별 + deleteListBtn.addEventListener("click", function () { + handleDelete(id); + }); + + //2.1-(a,b) + const li = document.createElement("li"); + li.className = price < 0 ? "income-list" : "outcome-list"; + li.appendChild(categorySpan); + li.appendChild(descriptionSpan); + li.appendChild(priceSpan); + li.appendChild(deleteListBtn); + + const ul = document.querySelector("ul"); + ul.appendChild(li); +} + +//2.3 수입 지출 필터링 +let plusChecked = true; +let minusChecked = true; + +function handleFilter() { + const incomeList = document.querySelectorAll(".outcome-list"); + const outcomeList = document.querySelectorAll(".income-list"); + incomeList.forEach((list) => { + list.style.display = plusChecked ? "flex" : "none"; + }); + outcomeList.forEach((list) => { + list.style.display = minusChecked ? "flex" : "none"; + }); +} +const incomeFilter = document.querySelector('label[for="income-ID"]'); +incomeFilter.addEventListener("click", function () { + minusChecked = !minusChecked; + handleFilter(); +}); +const outcomeFilter = document.querySelector('label[for="outcome-ID"]'); +outcomeFilter.addEventListener("click", function () { + plusChecked = !plusChecked; + handleFilter(); +}); + +//2.4 식별된 id로 delete +function handleDelete(id) { + const listDeleteModal = document.querySelectorAll(".list-delete-modal")[0]; + //심화 2.1(a,b) 삭제 모달 추가 + listDeleteModal.style.display = "flex"; // 모달 띄우기 + const deleteYesBtn = document.querySelectorAll(".delete_yes")[0]; + const deleteNoBtn = document.querySelectorAll(".delete_no")[0]; + //yes no 클릭시 + deleteYesBtn.onclick = function () { + historyList.forEach((el, idx) => { + el.id === id && historyList.splice(idx, 1); + }); + listDeleteModal.style.display = "none"; + render(); + }; + deleteNoBtn.onclick = function () { + listDeleteModal.style.display = "none"; + }; //팝업 형식 +} + +//2.5 리스트 추가 +function handleAddFilter(idx) { + const filter_button = document.querySelectorAll(".add_filter_btn>button"); + const selectTag = document.querySelector("#category"); + selectTag.innerHTML = ""; + + if (idx === 0) { + // 수입 + filter_button[0].className = "selected-button"; + filter_button[1].className = "unselected-button"; + + const tags = ["용돈", "포인트"]; + tags.forEach((el) => { + const optionTag = document.createElement("option"); + optionTag.value = el; + optionTag.textContent = el; + selectTag.appendChild(optionTag); + }); + } else { + filter_button[1].className = "selected-button"; + filter_button[0].className = "unselected-button"; + + const tags = ["식비", "서적"]; + tags.forEach((el) => { + const optionTag = document.createElement("option"); + optionTag.value = el; + optionTag.textContent = el; + selectTag.appendChild(optionTag); + }); + } +} + +//2.5-(2,3) footer -> 카테고리 선택 및 금액과 내역 입력 +function handleAddSheet() { + let selected_idx = 0; //0:수입 1:지출 + const addList = document.querySelectorAll(".add_list")[0]; + addList.innerHTML = ` +
+

내역 추가

+
+ + +
+ +
+ + + + + + +
+ + + +
+ `; + addList.style.display = "flex"; + + const filter_button = document.querySelectorAll(".add_filter_btn>button"); + filter_button.forEach((btn, idx) => { + btn.addEventListener("click", function () { + selected_idx = idx; + handleAddFilter(selected_idx); + }); + }); + //2.5-(4,5) footer 모달 저장하기 닫기 + const addSaveBtn = document.querySelectorAll(".add_save_btn")[0]; + const addCloseBtn = document.querySelectorAll(".add_close_btn")[0]; + addSaveBtn.addEventListener("click", function () { + const select = document.querySelector("#category"); + const option = select.options[select.selectedIndex].value; + let price = document.querySelector("#add_price").value; + const data = document.querySelector("#add_data").value; + price = selected_idx === 1 ? -price : +price; //지출일 경우, 가격 음수처리 + + historyList.push({ + id: historyList.length, + category: option, + description: data, + price: price, + }); + + render(); + alert("저장성공>,<"); + }); + addCloseBtn.addEventListener("click", function () { + addList.style.display = "none";//팝업 형식 + }); + +} +const footerBtn = document.querySelector("footer>button"); +footerBtn.addEventListener("click", handleAddSheet); + +// 실제 렌더링 +function render() { + summary_element(); + document.querySelector("ul").innerHTML = ""; // 리스트 초기화 + + historyList.forEach((el) => { + list_element(el.id, el.category, el.description, el.price); + }); +} + +// 실제 렌더링 +render(); \ No newline at end of file diff --git "a/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/listExample.txt" "b/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/listExample.txt" new file mode 100644 index 0000000..04f39b6 --- /dev/null +++ "b/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/listExample.txt" @@ -0,0 +1,48 @@ +
  • + 식비 + 스타벅스 + - 10,000원 + +
    • +
  • + 용돈 + 고모부 + + 250,000원 + +
    • +
  • + 식비 + 스타벅스 + - 5,000원 + +
    • +
  • + 서적 + 자구교재 + - 50,000원 + +
    • +
  • + 식비 + 냉우동 + - 18,000원 + +
    • +
  • + 쇼핑 + 머리띠 + - 4,900원 + +
    • +
  • + 식비 + 초코칩 + - 1,500원 + +
    • +
  • + 학용품 + 화이트 + - 1,200원 + +
    • \ No newline at end of file diff --git "a/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/style.css" "b/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/style.css" new file mode 100644 index 0000000..30ac559 --- /dev/null +++ "b/Session02 /\352\260\200\352\263\204\353\266\200\352\263\274\354\240\234/style.css" @@ -0,0 +1,362 @@ +html { + min-width: 375px; + } + /*header*/ + header { + text-align: center; + + top: 0; + margin-bottom: 1rem; + padding: 0.4rem; + + line-height: 3rem; + + background-color: palegoldenrod; + color: black; + } + + h1 { + font-size: 2rem; + font-weight: bold; + } + + /* summ.summary-article section */ + .summary-article { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + margin: 1rem 1rem; + padding: 1rem; + background-color: beige; + + border: 0.5rem solid #e7b7b7; + } + + .summary-article > h3 { + font-size: 1.5rem; + letter-spacing: 0.6rem; + margin-top:1rem; + } + + .summary-article > p { + font-size: 2rem; + letter-spacing: 0.4rem; + height: 3rem; + margin-top: 0.8rem; + margin-bottom: 0.5rem; + } + + .detail { + display: flex; + align-items: center; + font-size: 1.3rem; + gap:1rem; + } + + .detail i { + display: inline-block; + text-align: center; + + width: 1rem; + height: 1rem; + + font-size: 1.2rem; + font-weight: 400; + } + + .summary-article span:nth-child(2), i:nth-child(1) { + color: blue; + } + .summary-article span:nth-child(4), i:nth-child(3) { + color: red; + } + + /* manage section */ + .manage { + display: flex; + flex-direction: column; + align-items: center; + } + .manage-date { + display: flex; + align-items: center; + + gap: 1rem; + + font-size: 1.5rem; + font-weight: 500; + } + + .manage-date button { + font-size: 1rem; + border:0; + + background:#e7b7b7; + + cursor:pointer; + } + + .manage-list { + width: 100%; + margin-bottom: 1rem; + } + + .manage-list header { + display: flex; + justify-content: space-between; + align-items: center; + + padding-left: 2rem; + padding-right: 2rem; + + font-size: 1rem; + font-weight: 500; + background-color: beige; + } + + input { + display: none; + } + + /* 체크박스 커스텀 */ + label { + padding: 0.3rem 0.5rem; + + background-color: rgb(0, 0, 0); + color: #e7b7b7; + border: 1px solid #e7b7b7; + + } + + input:checked + label { + background-color: #e7b7b7; + color: rgb(9, 9, 9); + } + + ul { + display: flex; + flex-direction: column; + align-items: center; + + overflow-y: scroll; + padding: 1rem; + gap:1rem; + height: 35rem; + } + + li { + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + + position: relative; + width:100%; + line-height: 4rem; + + border: 0.3rem solid #e7b7b7; + background-color: beige; + } + + .category { + width: 4rem; + font-size: 1.2rem; + } + + .discription { + margin-left: 1rem; + + font-size: 1.3rem; + font-weight: 600; + } + + .outcome { + color: red; + } + + .income { + color: blue; + } + + .delete_list_button { + position: absolute; + right: 0; + + margin: 0.5rem; + + font-size: 1.3rem; + } + + /* 삭제 모달 */ + .list-delete-modal { + display: none; + justify-content: center; + align-items: center; + + position: fixed; + top: 0; + left: 0; + + width: 100%; + height: 100%; + + background-color: rgba(0, 0, 0, 0.6); + z-index: 1; + } + + .modal { + display: flex; + flex-direction: column; + + padding: 2rem; + + font-size: 1.2rem; + text-align: center; + background-color: beige; + border: 3px solid #e7b7b7; + } + .modal button{ + gap:1rem; + + font-size: 1rem; + font-weight: 400; + + background-color:#e7b7b7; + color: black; + } + /* 추가 바텀시트 */ + .add_list{ + display: none; + justify-content: center; + align-items: center; + } + + .add_list_content { + display: flex; + flex-direction: column; + align-items: center; + + height: 25rem; + overflow-y:scroll; + padding:3rem; + + position: fixed; + bottom: 0; + padding:0.5rem; + width: 80%; + + background-color:rgb(170, 214, 166); + border: 0.3rem; + border-radius: 1rem 1rem 0rem 0rem; + } + + .add_list_content h2 { + font-size: 1.5rem; + letter-spacing: 0.3rem; + margin:1rem; + } + + .unselected-button { + padding: 0.5rem 2rem; + margin: 0.5rem; + + background-color: rgb(255, 255, 255); + border: 0; + + font-size: 1.2rem; + background-color:rgb(153, 146, 146); + color: rgb(255, 255, 255); + } + .selected-button { + padding: 0.5rem 2rem; + margin: 0.5rem; + + background-color: rgb(255, 255, 255); + border: 0; + + font-size: 1.2rem; + background-color:#e7b7b7; + color: black; + } + + .add_list_content > form { + display: flex; + flex-direction: column; + width: 80%; + } + .add_list_content > form > label { + background-color: rgba(255, 255, 255, 0); + + padding:0; + border:0; + + font-size: 1.2rem; + color: black; + } + + .add_list_content > form > select, + .add_list_content > form > input { + display: block; + + width: 100%; + height: 2.5rem; + + font-size: 1.2rem; + + margin-bottom: 0.5rem; + border:0; + } + + .add_list_content > .add_save_btn { + width: 80%; + + padding: 0.5rem; + margin-top: 1rem; + + border: 0; + + font-size: 1.2rem; + background-color:#e7b7b7; + color: black; + } + + .add_list_content > .add_close_btn { + width: 80%; + + padding: 0.5rem; + margin-top: 1rem; + margin-bottom: 1rem; + + border: 0; + + font-size: 1.2rem; + background-color: rgb(153, 146, 146); + color: white; + } + + /* footer */ + footer { + position: fixed; + bottom: 0; + + width: 100%; + padding: 0.4rem; + + background-color: palegoldenrod; + text-align: center; + } + + footer > button { + padding: 0.5rem; + border: 0; + + width: 4rem; + + font-size: 1.5rem; + font-weight: 400; + + background-color:#e7b7b7; + color: black; + } \ No newline at end of file diff --git "a/Session02 /\354\203\235\352\260\201\352\263\274\354\240\234/readme.md" "b/Session02 /\354\203\235\352\260\201\352\263\274\354\240\234/readme.md" new file mode 100644 index 0000000..c2ba638 --- /dev/null +++ "b/Session02 /\354\203\235\352\260\201\352\263\274\354\240\234/readme.md" @@ -0,0 +1,41 @@ +# 명령형 프로그래밍과 선언형 프로그래밍 + +## 명령형 프로그래밍 + +> 명령형 프로그래밍은 컴퓨터 프로그래밍의 한 패러다임으로, 프로그램이 수행해야 하는 일련의 명령문을 명시하는 방식이다. +> 명령형 프로그래밍은 상태를 변경하거나 변이시키는 명령문들의 목록으로 구성되며, 컴퓨터가 어떻게 문제를 해결해야 하는지에 대한 세부적인 절차를 명시한다. + +- ### 명령형 프로그래밍을 따르는 언어 + + C,C++,Java,JavaScript + +- ### 명령형 프로그래밍 특징 + + 어떻게 할 것인지를 설명하고 알고리즘은 명시하고 목표는 명시하지 않는다. + +- ### 명령형 프로그래밍은 어떤 상황/유형에 쓰는 것이 적합할까? + + 하드웨어 제어 - 하드웨어와 밀접하게 상호 작용해야 하는 경우, 명령형 프로그래밍은 더욱 유용할 수 있다. + + + +## 선언형 프로그래밍 + +> 프로그램이 무엇을 해야 할지를 나타내는 경우를 선언형이라고 한다. +> 함수형 프로그래밍이라고도 한다. + +- ### 선언형 프로그래밍을 따르는 언어 + + SQL,HTML,CSS,XML,JavaScript + +- ### 선언형 프로그래밍 특징 + + 무엇을 할 것인가 정의하고 목표를 명시하고 알고리즘을 명시하지 않는다. + +- ### 선언형 프로그래밍은 어떤 상황/유형에 쓰는 것이 적합할까? + + 복잡한 비즈니스 로직 - 선언형 프로그래밍은 비즈니스 로직을 더 명확하고 간결하게 표현할 수 있다. + +## 자바스크립트는 어떤 방식을 택하는 것이 좋을까? + +자바스크립트는 유연하고 다용도로 사용되는 언어인만큼 상황에 맞게 선언형과 명령형 프로그래밍 스타일을 혼합하여 사용하는 것이 가장 좋다고 생각한다. \ No newline at end of file diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/.DS_Store" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/.DS_Store" new file mode 100644 index 0000000..89e4b57 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/.DS_Store" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/.vscode/settings.json" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/.vscode/settings.json" new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/.vscode/settings.json" @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/SUMMARY.js" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/SUMMARY.js" new file mode 100644 index 0000000..4fa8d9e --- /dev/null +++ "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/SUMMARY.js" @@ -0,0 +1,38 @@ +export const SUMMARY =[ + { + title: "내가 좋아하는 핑크 건물", + description: "뉴욕의 하늘을 찌를듯한 고층건물보다 이렇게 낮고 색깔 다양한 건물이 더 좋아", + }, + { + title: "인턴 촬영지", + description: "인턴은 제게 큰 울림을 준 영화인데요, 작품에서 Jules와 Ben이 커피를 픽업했던 곳에 가봤어요", + }, + { + title: "글씨마저 감성적이야", + description:"NewYork 말해 뭐해 글씨가 크면 오히려 좋아", + }, + { + title:"내가 뉴욕에서 가장 좋아하는 곳", + description:"저는 뉴욕 살면서 이곳 리틀 아일랜드에 가장 많이 갔어요", + }, + { + title:"휘트니 뮤지엄", + description:"임직원 찬스로 뉴욕에 있는 모마랑 뮤지엄들 많이 구경했어요 제값 안주고 볼 수 있는 방법 많으니까 꼭 홈페이지 찾아보기!", + }, + { + title:"나의 주식", + description:"liberty에 가서 rainbow bagel with blueberry creamcheese를 말해보세요", + }, + { + title:"JOE's Pizza", + description:"스파이더맨 영화에서 빠질 수 없는 곳이에요 Peter의 전 직장이기도 했죠?!", + }, + { + title:"피터파커와 MJ", + description:"스파이더맨은 뉴욕에서 정말 많이 찍었어요. 그래서 영화를 볼 때면 뉴욕이 너무 반갑고 그리워요", + }, + { + title:"UnitedPlatesOfAmerica", + description:"제가 좋아하는 그릇 가게인데요 문구가 너무 캐치해서 가져와봤어요", + } +]; \ No newline at end of file diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/album.html" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/album.html" new file mode 100644 index 0000000..8222340 --- /dev/null +++ "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/album.html" @@ -0,0 +1,140 @@ + + + + + + + + 2차세미나 사진관 과제 + + +

    김밍밍 인 뉴욕

    + + +
    + UnitedPlatesofAmerica + 핑크 건물 + 자유의여신상 레고 + 도서관 팻말 + 미국 플래그 + 리틀아일랜드 +
    + + + + + +
    +

    뉴욕은 낭만이 넘치는 도시에요

    +
    +
    + 핑크 건물 +
    +

    알록달록

    +

    뉴욕의 하늘을 찌를듯한 고층건물보다 이렇게 낮고 색깔 다양한 건물이 더 좋아

    +
    +
    +
    + 인턴 촬영지 +
    +

    인턴 촬영지

    +

    인턴은 제게 큰 울림을 준 영화인데요, 작품에서 Jules와 Ben이 커피를 픽업했던 곳에 가봤어요

    +
    +
    +
    + 휘트니 뮤지엄 +
    +

    글씨마저 감성적이야

    +

    NEWYORK 글씨가 예뻐서 가져왔어요

    +
    +
    +
    + 리틀 아일랜드 +
    +

    내가 뉴욕에서 가장 좋아하는 곳

    +

    저는 뉴욕 살면서 이곳 리틀 아일랜드에 가장 많이 갔어요

    +
    +
    +
    + 휘트니 뮤지엄 +
    +

    휘트니 뮤지엄

    +

    뉴욕에 있는 모마랑 뮤지엄들 많이 구경했어요. 제값 안주고 볼 수 있는 방법 많으니까 꼭 홈페이지 찾아보기!

    +
    +
    +
    + 무지개 베이글 +
    +

    민영또베이글

    +

    8번가 liberty 베이글에 가서 rainbow with blueberry creamcheese를 말해보세요

    +
    +
    +
    + 조 피자 +
    +

    JOE's Pizza

    +

    스파이더맨 영화에서 빠질 수 없는 곳이에요. Peter의 전 직장이기도 했죠?!

    +
    +
    +
    + 스파이더맨 +
    +

    피터파커와 MJ

    +

    스파이더맨은 뉴욕에서 정말 많이 찍었어요. 그래서인지 스파이더맨 영화를 볼 때마다뉴욕이 너무 반갑고 그리워요

    +
    +
    +
    + UnitedPlatesofAmerica +
    +

    UnitedPlatesOfAmerica

    +

    제가 좋아하는 그릇 가게인데요, 문구가 너무 귀여워서 가져와봤어요

    +
    +
    +
    +
    + + +
    +

    가을맞이에 한창인 뉴욕

    +
    +
    + +
    +
    + 플라자호텔 + 피크닉 + 호박 + 가을 센팍 +
    +
    + + +
    +

    애증의 뉴욕 이놈자식 그래도 사랑해

    +
    + 브루클린 파크 + 타임스퀘어 + 브루클린 브릿지 + 하트 + 도서관 팻말 + +
    +
    + + + + + + + + + \ No newline at end of file diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/index.js" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/index.js" new file mode 100644 index 0000000..092549a --- /dev/null +++ "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/index.js" @@ -0,0 +1,37 @@ +//1-a,b +var images = document.querySelectorAll('.images-1'); + +images.forEach(function(details) { + details.addEventListener('mouseover', function() { + var content = details.querySelector('div'); + content.classList.add('show-descriptions'); + }); + + details.addEventListener('mouseout', function() { + var content = details.querySelector('div'); + content.classList.remove('show-descriptions') + }); +}); + +//2-a +//새로고침하면 버튼이 보이는 경우 --> 해결 +window.onload = function() { + window.scrollTo(0, 0); // 새로고침시 페이지를 최상단으로 스크롤 + var button = document.getElementById('button-top'); + button.style.opacity = 0; // 버튼의 투명도를 0으로 설정하여 보이지 않게 함 +} + +//버튼의 투명도 설정 +window.addEventListener('scroll', ()=> { + var button = document.getElementById('button-top'); + + // 최대 스크롤 가능한 높이 + var maxScrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight; + + // 현재 스크롤된 높이의 비율 계산 (0에서 1 사이의 값) + var scrollPercentage = window.scrollY / maxScrollHeight; + + // 버튼의 투명도를 스크롤 비율에 따라 설정 + button.style.opacity = scrollPercentage; +}); + diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/style.css" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/style.css" new file mode 100644 index 0000000..7294dc0 --- /dev/null +++ "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/style.css" @@ -0,0 +1,260 @@ +*{ + margin:0; + padding:0; +} + +/*심화: 스크롤 부드럾게*/ +html{ + scroll-behavior: smooth; +} + +body{ + width:100vw; +} + +header{ + text-align: center; + top:0; + + line-height: 2; + font-size: 2rem; + font-weight: bold; + + background-color: palegoldenrod; + color: black; + margin-bottom: 1rem; +} + +/*preview*/ +.preview{ + width:100vw; + + display:flex; + gap:1rem; + margin-bottom:0.5rem; + + overflow-x: auto; + overflow-y: hidden; +} + +.preview img{ + width:25rem; + height:15rem; + flex-basis: 25rem; +} + +/*네비게이션*/ +nav{ + list-style-type: none; /* 목록 스타일 제거 */ + padding: 0; /* 목록 내부 패딩 제거 */ + + margin-top: 1rem; /* 목록 주변 여백 제거 */ + margin:0; +} + +nav span{ + font-size:2rem; +} + +ul li{ + margin-bottom: 0.5rem; + font-size:1.5rem; +} + +ul li a { + text-decoration: none; + color: #333; + transition: color 0.3s, text-decoration 0.3s; +} + +ul li a:hover { + color: rgb(106, 166, 223); /* hover 시 텍스트 색상 변경 */ + text-decoration: underline; /* hover 시 밑줄 표시 */ + cursor: pointer; +} + +/*목차 설정*/ +#category-1, +#category-2, +#category-3 { + position: sticky; + text-align: center; + + background-color: rgb(245, 208, 214); + + line-height: 2; + font-size: 1.5rem; + top:0; + z-index:1; +} + +/*section-1*/ +.images-1-container{ + display: flex; + justify-content: center; + align-items: center; + + flex-wrap: wrap; + + gap: 1rem; + padding: 0; + margin-top:1rem; + margin-bottom: 1rem; +} + +.images-1{ + display: flex; + + position: relative; + + flex-grow: 1; + + justify-content: space-around; + z-index: 0; +} + +.images-1 img{ + width:20rem; + height:20rem; + + flex-grow:1; + flex-shrink:1; + + object-fit: cover; +} + +.imgages-1 img :hover { + transform: translateY(-5px); +} + +.details{ + display: none; + position: absolute; + + width: 90%; + height: 90%; + + padding: 1rem; +} + +.show-descriptions{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + background-color: rgba(53, 50, 50, 0.455); + gap: 1rem; + + font-weight: 700; + color: #e7f5fd; +} + +/*section-2*/ +.images-2{ + display: flex; + gap:1rem; + margin-top:1rem; + margin-bottom:1rem; +} + +.images-2-left, +.images-2-right{ + display: flex; + flex-wrap: wrap; + width:30rem; + height: 30rem; + + flex-grow:1; + flex-shrink: 1; + margin-bottom: 1rem; +} + +.images-2-left img{ + width:31rem; + height:31rem; + + flex-grow: 1; + flex-shrink: 1; + object-fit: cover; +} + +.images-2-right{ + gap:1rem; +} +.images-2-right img{ + width:15rem; + height:15rem; + + flex-grow: 1; + flex-shrink: 1; + + object-fit:cover; +} + +/*section-3*/ +.container-3{ + display: grid; + justify-content:center; + align-items: center; + + margin-top:1rem; + + gap:1rem; + + grid-template-rows: repeat(4, 10rem); + grid-template-columns: repeat(4, 15rem); +} + +.container-3 img { + width:100%; /* 그리드 아이템 내의 이미지 최대 너비 설정 */ + height: 100%; /* 비율에 맞게 이미지 높이 조절 */ + object-fit: cover; + + } +.container-3 img:first-child { + grid-row: 1/ 2; + grid-column: 1/3; + +} +.container-3 img:nth-child(2) { + grid-row: 2 / 3; + grid-column: 1/3; + +} +.container-3 img:nth-child(3) { + grid-row: 1/ 3; + grid-column:3/5; + +} +.container-3 img:nth-child(4) { + grid-row: 3 /5; + grid-column: 1/4; + +} +.container-3 img:nth-child(5) { + grid-row: 3/5; + grid-column: 4/5; + +} + +footer{ + height:3rem; +} + +footer span{ + line-height: 2; + font-size: 1.5rem; +} +#button-top{ + position: fixed; + bottom: 0; + right: 0; + + padding: 1rem; + z-index: 1; + + background-color: #c8def5; + color: #000000; + font-size: 1rem; +} \ No newline at end of file diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/.DS_Store" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/.DS_Store" new file mode 100644 index 0000000..335951d Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/.DS_Store" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/01.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/01.png" new file mode 100644 index 0000000..9c3d3d0 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/01.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/02.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/02.png" new file mode 100644 index 0000000..d3cc6d5 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/02.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/03.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/03.png" new file mode 100644 index 0000000..ca73886 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/03.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/04.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/04.png" new file mode 100644 index 0000000..ddeab9c Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/04.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/05.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/05.png" new file mode 100644 index 0000000..0383039 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/05.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/06.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/06.png" new file mode 100644 index 0000000..9ae51cf Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/06.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/07.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/07.png" new file mode 100644 index 0000000..473300e Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/07.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/08.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/08.png" new file mode 100644 index 0000000..df9d04a Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/08.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/09.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/09.png" new file mode 100644 index 0000000..4f72843 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/09.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/10.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/10.png" new file mode 100644 index 0000000..9006333 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/10.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/11.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/11.png" new file mode 100644 index 0000000..94e3c27 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk1/11.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/.DS_Store" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/.DS_Store" new file mode 100644 index 0000000..4a3c1a3 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/.DS_Store" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/01.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/01.png" new file mode 100644 index 0000000..ebe3e0e Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/01.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/02.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/02.png" new file mode 100644 index 0000000..e475807 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/02.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/03.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/03.png" new file mode 100644 index 0000000..8924042 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/03.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/04.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/04.png" new file mode 100644 index 0000000..20d64a4 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/04.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/05.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/05.png" new file mode 100644 index 0000000..7615cf3 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/05.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/06.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/06.png" new file mode 100644 index 0000000..bcc9283 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/06.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/07.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/07.png" new file mode 100644 index 0000000..16e9990 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/07.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/08.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/08.png" new file mode 100644 index 0000000..eafd199 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/08.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/09.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/09.png" new file mode 100644 index 0000000..40cf48c Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk2/09.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/.DS_Store" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/.DS_Store" new file mode 100644 index 0000000..41ccd10 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/.DS_Store" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/01.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/01.png" new file mode 100644 index 0000000..8c967d0 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/01.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/02.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/02.png" new file mode 100644 index 0000000..d9da48a Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/02.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/03.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/03.png" new file mode 100644 index 0000000..1d48097 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/03.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/04.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/04.png" new file mode 100644 index 0000000..9b560b8 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/04.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/05.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/05.png" new file mode 100644 index 0000000..afb4f6e Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/05.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/06.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/06.png" new file mode 100644 index 0000000..1536a6a Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/06.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/07.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/07.png" new file mode 100644 index 0000000..591e84b Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/07.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/08.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/08.png" new file mode 100644 index 0000000..285e018 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/08.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/09.JPG" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/09.JPG" new file mode 100644 index 0000000..1698c29 Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/09.JPG" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/10.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/10.png" new file mode 100644 index 0000000..57698cd Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/10.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/11.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/11.png" new file mode 100644 index 0000000..ac0cc4f Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/11.png" differ diff --git "a/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/12.png" "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/12.png" new file mode 100644 index 0000000..03927ac Binary files /dev/null and "b/Session02 /\354\233\250\353\271\204\354\235\230\354\202\254\354\247\204\352\264\200\352\263\274\354\240\234/wk3/12.png" differ