diff --git a/19-Sprint-Mission b/19-Sprint-Mission new file mode 160000 index 0000000..2ff18d3 --- /dev/null +++ b/19-Sprint-Mission @@ -0,0 +1 @@ +Subproject commit 2ff18d31b031c175a13865f2aa09d04d93bbbe23 diff --git a/2025-08-05/README.md b/2025-08-05/README.md new file mode 100644 index 0000000..e69de29 diff --git a/README.md b/README.md new file mode 100644 index 0000000..5db2b95 --- /dev/null +++ b/README.md @@ -0,0 +1,28 @@ +# Weekly Branch – 학습 공유 & PR 리뷰 공간 + +이 브랜치는 조원들이 매일 학습한 내용을 공유하고, 리뷰를 통해 함께 성장하기 위한 공간입니다. + +## 📌 PR 작성 규칙 + +### ✅ 제목 + +- `[08-05] 조원이름` + 예시: `[08-05] 혁` + +### ✅ 내용 + +- 오늘 학습한 내용 요약 +- 코드 설명 또는 질문 +- 피드백 받고 싶은 부분 + +### ✅ 머지 조건 + +- 팀원 전원의 Approve +- Squash and Merge 사용 + +### ✅ 머지 시 커밋 메시지 작성 규칙 + +PR을 `Squash and Merge`할 때 최종 커밋 메시지는 다음 규칙을 따릅니다: + +- 형식: `[날짜] 조원이름 - 학습 정리` +- 예시: `[08-05] 혁 - 학습 정리` diff --git a/images/.DS_Store b/sprint_mission_001/images/.DS_Store similarity index 100% rename from images/.DS_Store rename to sprint_mission_001/images/.DS_Store diff --git a/images/Property 1=lg.png b/sprint_mission_001/images/Property 1=lg.png similarity index 100% rename from images/Property 1=lg.png rename to sprint_mission_001/images/Property 1=lg.png diff --git a/images/SNSlogo/.DS_Store b/sprint_mission_001/images/SNSlogo/.DS_Store similarity index 100% rename from images/SNSlogo/.DS_Store rename to sprint_mission_001/images/SNSlogo/.DS_Store diff --git a/images/SNSlogo/google_logo.png b/sprint_mission_001/images/SNSlogo/google_logo.png similarity index 100% rename from images/SNSlogo/google_logo.png rename to sprint_mission_001/images/SNSlogo/google_logo.png diff --git a/images/SNSlogo/ic_facebook.png b/sprint_mission_001/images/SNSlogo/ic_facebook.png similarity index 100% rename from images/SNSlogo/ic_facebook.png rename to sprint_mission_001/images/SNSlogo/ic_facebook.png diff --git a/images/SNSlogo/ic_instagram.png b/sprint_mission_001/images/SNSlogo/ic_instagram.png similarity index 100% rename from images/SNSlogo/ic_instagram.png rename to sprint_mission_001/images/SNSlogo/ic_instagram.png diff --git a/images/SNSlogo/ic_twitter.png b/sprint_mission_001/images/SNSlogo/ic_twitter.png similarity index 100% rename from images/SNSlogo/ic_twitter.png rename to sprint_mission_001/images/SNSlogo/ic_twitter.png diff --git a/images/SNSlogo/ic_youtube.png b/sprint_mission_001/images/SNSlogo/ic_youtube.png similarity index 100% rename from images/SNSlogo/ic_youtube.png rename to sprint_mission_001/images/SNSlogo/ic_youtube.png diff --git a/images/SNSlogo/kakao_logo.png b/sprint_mission_001/images/SNSlogo/kakao_logo.png similarity index 100% rename from images/SNSlogo/kakao_logo.png rename to sprint_mission_001/images/SNSlogo/kakao_logo.png diff --git a/images/Vector.png b/sprint_mission_001/images/Vector.png similarity index 100% rename from images/Vector.png rename to sprint_mission_001/images/Vector.png diff --git a/images/pandaimages/Img_home_bottom.png b/sprint_mission_001/images/pandaimages/Img_home_bottom.png similarity index 100% rename from images/pandaimages/Img_home_bottom.png rename to sprint_mission_001/images/pandaimages/Img_home_bottom.png diff --git a/images/pandaimages/Img_home_top.png b/sprint_mission_001/images/pandaimages/Img_home_top.png similarity index 100% rename from images/pandaimages/Img_home_top.png rename to sprint_mission_001/images/pandaimages/Img_home_top.png diff --git a/images/section_images/Img_home_01.png b/sprint_mission_001/images/section_images/Img_home_01.png similarity index 100% rename from images/section_images/Img_home_01.png rename to sprint_mission_001/images/section_images/Img_home_01.png diff --git a/images/section_images/Img_home_02.png b/sprint_mission_001/images/section_images/Img_home_02.png similarity index 100% rename from images/section_images/Img_home_02.png rename to sprint_mission_001/images/section_images/Img_home_02.png diff --git a/images/section_images/Img_home_03.png b/sprint_mission_001/images/section_images/Img_home_03.png similarity index 100% rename from images/section_images/Img_home_03.png rename to sprint_mission_001/images/section_images/Img_home_03.png diff --git a/index.html b/sprint_mission_001/index.html similarity index 71% rename from index.html rename to sprint_mission_001/index.html index 956ff9b..d7d1254 100644 --- a/index.html +++ b/sprint_mission_001/index.html @@ -11,10 +11,10 @@
- +
@@ -31,14 +31,14 @@

일상의 모든 물건을

- 판다이미지 + 판다이미지
- 인기 상품 확인 이미지 + 인기 상품 확인 이미지
Hot item @@ -65,14 +65,14 @@

구매를 원하는
쉽게 찾아보세요

- 검색 이미지 + 검색 이미지
- 등록 이미지 + 등록 이미지
Register @@ -92,7 +92,7 @@

판매를 원하는

믿을 수 있는
판다마켓 중고거래

- 판다이미지 + 판다이미지
@@ -106,10 +106,10 @@

믿을 수 있는
- instagram logo - facebook logo - ic_twitter logo - youtube logo + instagram logo + facebook logo + ic_twitter logo + youtube logo
diff --git a/login.css b/sprint_mission_001/login.css similarity index 85% rename from login.css rename to sprint_mission_001/login.css index 49fc35a..a99ee0f 100644 --- a/login.css +++ b/sprint_mission_001/login.css @@ -14,6 +14,7 @@ body { a { cursor: pointer; + text-decoration: none; } button { @@ -36,6 +37,12 @@ button { justify-content: center; } +.login-id { + display: flex; + flex-direction: column; + gap: 30px; +} + .login-id > div { display: flex; flex-direction: column; @@ -46,9 +53,7 @@ button { .login-id span { font-size: 18px; font-weight: 700; - font-style: bold; line-height: 26px; - color: #1F2937; } .login-id input { @@ -70,14 +75,19 @@ button { line-height: 32px; text-align: center; } - .login-pw { + + .login-pw, .login-id-text { position:relative; + display: flex; + flex-direction: column; + gap: 10px; } + .show-pw { position: absolute; right: 20px; top: 50%; - transform: translateY(-50%); + transform: translateY(30%); width: 24px; height: 24px; cursor: pointer; @@ -90,7 +100,6 @@ button { display: flex; align-items: center; justify-content: space-between; - margin-top: 20px; padding: 10px 23px; background-color: #E6F2FF; } @@ -113,3 +122,6 @@ button { margin-right: 10px; } + .login-signup .underline { + text-decoration: underline; + } diff --git a/sprint_mission_001/login.html b/sprint_mission_001/login.html new file mode 100644 index 0000000..2abf376 --- /dev/null +++ b/sprint_mission_001/login.html @@ -0,0 +1,59 @@ + + + + + + panda market login + + + +
+ + + +
+ + + \ No newline at end of file diff --git a/sprint_mission_001/signup.css b/sprint_mission_001/signup.css new file mode 100644 index 0000000..014d41a --- /dev/null +++ b/sprint_mission_001/signup.css @@ -0,0 +1,121 @@ +/* log-in and sign-up page css */ +* { + box-sizing: border-box; + margin: 0; + padding: 0; + border: none; +} + +body { + font-family: "Pretendard", sans-serif; + font-size: clamp(14px, 1vw, 18px); + margin: 0; +} + +a { + cursor: pointer; + text-decoration: none; +} + +button { + cursor: pointer; +} + +.sign-wrap { + width: 640px; + margin: 230px auto; +} + +.login-input-wrap { + display: flex; + flex-direction: column; + gap: 20px; +} + +.sign-wrap .login-logo { + display: flex; + justify-content: center; +} + +.login-id > div { + display: flex; + flex-direction: column; + gap: 10px; + margin-bottom: 30px; +} + +.login-id span { + font-size: 18px; + font-weight: 700; + font-style: bold; + line-height: 26px; + color: #1F2937; +} + +.login-id input { + width: 640px; + height: 60px; + border-radius: 12px; + padding: 0 20px; + background-color: #F3F4F6; +} + +.login-btn { + width: 640px; + height: 56px; + background-color: #3692FF; + border-radius: 40px; + color: #FFFFFF; + font-size: 18px; + font-weight: 600; + line-height: 32px; + text-align: center; + } + + .login-pw { + position:relative; + } + + .show-pw { + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + width: 24px; + height: 24px; + cursor: pointer; + } + + .easy-login { + width: 640px; + height: 74px; + border-radius: 8px; + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 20px; + padding: 10px 23px; + background-color: #E6F2FF; + } + + .easy-login > span { + font-size: 16px; + font-weight: 500; + line-height: 26px; + color: #1F2937; + } + + .login-signup { + display: flex; + justify-content: center; + margin-top: 20px; + gap: 5px; + } + + .easy-login .sns-logo a{ + margin-right: 10px; + } + + .login-signup .underline { + text-decoration: underline; + } diff --git a/login.html b/sprint_mission_001/signup.html similarity index 62% rename from login.html rename to sprint_mission_001/signup.html index 63a7885..fb1c31d 100644 --- a/login.html +++ b/sprint_mission_001/signup.html @@ -4,28 +4,28 @@ panda market login - +
diff --git a/style.css b/sprint_mission_001/style.css similarity index 100% rename from style.css rename to sprint_mission_001/style.css diff --git a/team3-study/3team_jongin/2025-08-07/08.07_jongin.md b/team3-study/3team_jongin/2025-08-07/08.07_jongin.md new file mode 100644 index 0000000..383e954 --- /dev/null +++ b/team3-study/3team_jongin/2025-08-07/08.07_jongin.md @@ -0,0 +1,124 @@ +# 08.07 공부 내용 + + +## css flex와 grid 박스에 대해서 + + +### 1. css flex란 + +기본적으로 flex 레이아웃을 만들기 위한 기본 html 구조는 +``` +
+
안녕하세요.
+
flex-box 입니다.
+
안녕히가세요.
+
+ + +``` + + +flex-container가 flex의 영향을 받는 박스이고, 설정된 속성에 따라 각각의 아이템들이 배치가 된다. 하지만 꼭 flex-container안에 여러개의 item이 들어가있을 필요는 없다. +자식이 1개뿐일 때도 수직+수평 가운데 정렬, 높이를 부모에 맞출 때, 미디어 쿼리 없이 반응형 정렬 조절을 할때 유용하게 쓸 수 있다. +즉, __자식요소가 1개이고 정렬이 필요할때 유용하게 사용 가능.__ + +flex의 속성들은 __container에 적용하는 속성__ 과 __item에 적용하는 속성__ 이렇게 두가지로 나뉜다. + + +#### 1. flexbox의 속성 + + +flexbox의 속성 + +- display + + +``` +.flex-container {display: flex;} +를 적용하면 기본적으로 부모 요소에 flex가 설정이 된다. + +1. display: flex;는 기본적으로 가로 방향으로 배치되고 자신이 가진 내용물의 width값 만큼 공간을 차지하게 되며 height는 컨테이너의 높이만큼 늘어난다. + +2. display의 기본축은 가로 방향(Main Axis)이지만 flex-direction: column을 활용하여 세로방향으로 바꿀시 기본축은 세로축(Cross Axis)이 된다. + +``` + +- __justify-content__ + + +``` +.flex-container {justify-content: center;} + +justify-content는 기본축에 따라 방향을 아이템들을 정렬하는 방식을 정하는 css 속성이다. + + +1. justify-content: start; -> justify-content 의 기본값 flex-direction이 row일때는 왼쪽, column일때는 위쪽으로 정렬한다. +2. justify-content: end; -> start와는 반대로, 아이템들을 끝점으로 정렬한다. row일때는 오른쪽, column일때는 아래쪽으로 정렬한다. +3. justify-content: center; -> 기본축을 중심으로 flex item들을 중앙 배치하게 된다. +4. justify-content: between; -> 각 끝의 아이템들을 끝으로 붙이고 아이템들의 간격을 균등하게 만들어준다. +5. justify-content: space-around; -> 아이템의 양쪽 끝을 균등하게 간격을 준다. +``` + +- __align-items__ +align-items는 수직축 방향으로 아이템들을 정렬하는 속성이다. justify-content와 수직방향의 정렬이라고 생각하자. + +``` +.flex-container {align-items: center;} + + +1. align-items: strtch; -> align-items 의 기본값, 아이템들이 세로로 끝까지 늘어난다. +2. align-items: flex-start; -> 아이템들을 시작점으로 정렬합니다. flex-direction이 row일때는 왼쪽, column일때는 왼쪽. +3. align-items: flex-end; -> 아이템들을 끝으로 정렬합니다. row일때는 아래쪽, column일때는 오른쪽. +4. align-items: center; -> 아이템들을 기본축을 기준으로 가운데 정렬합니다. +5. align-items: baseline; -> 아이템들을 텍스트 베이스라인 기준으로 정렬합니다. + +TIP: flexbox안에 있는 아이템들을 박스안에서 정 가운데에 정렬하고 싶다면 +.flex-container { + algin-items: center; + justify-content: center; +} +를 하면 가운데에 정렬하기 매우 쉽다. + +``` + + +- __align-content__ +flex-wrap: wrap;이 설정된 상태에서, 아이템들의 행이 2줄 이상이 되었을 때 수직축 방향 정렬을 결정하는 속성이다. + +``` +.flex-container { + flex-wrap: wrap; + align-content: stretch; +} + +align-content도 align-items나 justify-content와 비슷한 부분이 많아서 자세한 설명은 생략. + +``` + + +### 2.flex item의 속성 +유연한 박스의 기본영역 + +-__flex-basis__ +``` +flex-basis는 flex 아이템의 기본 크기를 설정한다. + +flex-basis: auto; (기본값) + +flex-basis의 값으로는 %, px, rem, content 등 모든 단위를 사용할 수 있다. +``` + +-__flex-grow__ +``` +flex-grow는 아이템의 flex-basis의 값보다 커질 수 있는지를 결정하는 속성이다. +보통 빈 공간을 채우고 싶을때 쓰는 속성, 1은 상대적인 값이고 기본값은 0이다. +``` + +-__flex-shrink__ +``` +flex-shrink는 flex-grwo와 쌍을 이루는 속성으로, 아이템이 felx-basis의 값보다 작아질 수 있는지를 결정한다. + +숫자가 커질수록 작아지고 기본값은1, 요소의 크기를 원하는대로 고정하고 싶을때는 flex-shrink:0;을 사용하면 된다. +``` + +THE END \ No newline at end of file diff --git a/team3-study/3team_jongin/2025-08-08/0808_jogin.md b/team3-study/3team_jongin/2025-08-08/0808_jogin.md new file mode 100644 index 0000000..4f7880e --- /dev/null +++ b/team3-study/3team_jongin/2025-08-08/0808_jogin.md @@ -0,0 +1,138 @@ +# 08.08 공부 내용 + + +## css flex와 grid 박스에 대해서 + +- flex와 grid의 차이점 -> flex는 한 방향 레이아웃이지만 grid는 두 방향(가로-세로) 레이아웃 시스템이다. + + +### 1. css grid란 + +기본적으로 grid 레이아웃을 만들기 위한 기본 html 구조는 +``` +
+
안녕하세요.
+
grid-box 입니다.
+
안녕히가세요.
+
어서오세요
+
grid 입니다.
+
안녕히가세요.
+
+ + +``` + + +grid-container가 영향을 받는 박스이고, 설정된 속성에 따라 각각의 아이템들이 배치가 된다. + + +gird 속성들은 __container에 적용하는 속성__ 과 __item에 적용하는 속성__ 이렇게 두가지로 나뉜다. + + + +#### 1. grid의 속성 + + +grid 속성 + +- display + + +``` +.grid-container {display: grid;} +를 적용하면 기본적으로 부모 요소에 grid가 설정이 된다. + +``` + +- __gird-tempalte-rows(columns)__ + + +``` +.grid-container { + grid-templates-rows(columns):200px 200px 500px; + grid-templates-rows(columns):repeat(3, 1fr); + grid-templates-rows(columns):repeat(3, minamx(100px, auto)); + grid-templates-rows(columns):repeat(auto-fill, minmax(20%, auto)); + } + +grid-templates-rows는 행 배치 column은 열 배치를 결정한다. +grid-templates-rows와 column에는 여러가지 값들을 작성할 수 있는데 +비교를 해보자면 + + +1. grid-templates-rows(columns):200px 200px 500px; -> 각 칸을 200px 200px 500px로 크기를 맞추겠다는 뜻이다. + +2. grid-templates-rows(columns):repeat(3, 1fr); -> repeat은 괄호안의 숫자대로 (횟수, 크기)를 뜻하며 본 예시는 1fr의 크기로 3번 반복하겠다는 뜻이다. + +1fr은 비율을 생각하면 된다. 고정 크기와 가변 크기를 섞어 쓸수있다. + +3. grid-templates-rows(columns):repeat(3, minamx(100px, auto)); -> +minamx는 최소한 100px, 최대는 자동으로 늘어난다는 뜻이다. 즉 아무리 요소의 양이 적더라도 최소한의 크기는 100px만큼 확보하고, 내용이 너무 많아 100px 넘어가면 알아서 늘어나도록 처리해준다. + +4. justify-content: between; -> 각 끝의 아이템들을 끝으로 붙이고 아이템들의 간격을 균등하게 만들어준다. +5. justify-content: space-around; -> 아이템의 양쪽 끝을 균등하게 간격을 준다. +``` + +- __align-items__ +align-items는 수직축 방향으로 아이템들을 정렬하는 속성이다. justify-content와 수직방향의 정렬이라고 생각하자. + +``` +.flex-container {align-items: center;} + + +1. align-items: strtch; -> align-items 의 기본값, 아이템들이 세로로 끝까지 늘어난다. +2. align-items: flex-start; -> 아이템들을 시작점으로 정렬합니다. flex-direction이 row일때는 왼쪽, column일때는 왼쪽. +3. align-items: flex-end; -> 아이템들을 끝으로 정렬합니다. row일때는 아래쪽, column일때는 오른쪽. +4. align-items: center; -> 아이템들을 기본축을 기준으로 가운데 정렬합니다. +5. align-items: baseline; -> 아이템들을 텍스트 베이스라인 기준으로 정렬합니다. + +TIP: flexbox안에 있는 아이템들을 박스안에서 정 가운데에 정렬하고 싶다면 +.flex-container { + algin-items: center; + justify-content: center; +} +를 하면 가운데에 정렬하기 매우 쉽다. + +``` + + +- __align-content__ +flex-wrap: wrap;이 설정된 상태에서, 아이템들의 행이 2줄 이상이 되었을 때 수직축 방향 정렬을 결정하는 속성이다. + +``` +.flex-container { + flex-wrap: wrap; + align-content: stretch; +} + +align-content도 align-items나 justify-content와 비슷한 부분이 많아서 자세한 설명은 생략. + +``` + + +### 2.flex item의 속성 +유연한 박스의 기본영역 + +-__flex-basis__ +``` +flex-basis는 flex 아이템의 기본 크기를 설정한다. + +flex-basis: auto; (기본값) + +flex-basis의 값으로는 %, px, rem, content 등 모든 단위를 사용할 수 있다. +``` + +-__flex-grow__ +``` +flex-grow는 아이템의 flex-basis의 값보다 커질 수 있는지를 결정하는 속성이다. +보통 빈 공간을 채우고 싶을때 쓰는 속성, 1은 상대적인 값이고 기본값은 0이다. +``` + +-__flex-shrink__ +``` +flex-shrink는 flex-grwo와 쌍을 이루는 속성으로, 아이템이 felx-basis의 값보다 작아질 수 있는지를 결정한다. + +숫자가 커질수록 작아지고 기본값은1, 요소의 크기를 원하는대로 고정하고 싶을때는 flex-shrink:0;을 사용하면 된다. +``` + +THE END \ No newline at end of file diff --git a/team3-study/3team_jongin/2025-08-09/0809_jongin.md b/team3-study/3team_jongin/2025-08-09/0809_jongin.md new file mode 100644 index 0000000..6ae3baa --- /dev/null +++ b/team3-study/3team_jongin/2025-08-09/0809_jongin.md @@ -0,0 +1,96 @@ +# 0809 공부내용 + +## 매일매일 1일 면접 대비 + +### __클로저에 대해서 설명해주세요.___ + +-> 클로저란 함수가 선언될 떄의 스코프를 기억하여, 함수가 생성된 이후에도 그 스코프에 접근할 수 있는 기능이다. + +비유하자면, 함수가 자신이 생성된 환경을 기억하는 것이라고 할 수 있습니다. 클로저는 자바스크립트의 함수가 일급 객체라는 특성과 렉시컬 스코프의 조합으로 만들어집니다. + +__클로저 예시 코드__ + +``` +function outerFunction(outerVariable) { + return function innerFunction(innerVariable) { + console.log('Outer Variable: ' + outerVariable); + console.log('Inner Variable: ' + innerVariable); + }; +} + +const newFunction = outerFunction('outside'); +newFunction('inside'); +``` + +innerFunction은 outerFunction의 내부에 정의 되어 있습니다. innerFunction은 자신이 생성된 스코프, 즉 outerFunction의 스코프를 기억하고, outerFunction의 호출이 완료된 이후에도 그 스코프에 접근할 수 있습니다. 그리고 이에 따라 innerFunction은 outerVariable에도 접근할 수 있습니다. 이것이 클로저가 동작하는 방식입니다. + + +### 그렇다면 클로저는 언제 활용하나요? +-> 클로저는 변수와 함수의 접근 범위를 제어하고 특정 데이터와 상태를 유지하기 위해 자주 활용됩니다. + +1. 데이터 은닉에 활용 : 클로저는 외부에서 접근할 수 없는 비공개 변수와 함수를 만들 수 있습니다. 이를 통해 데이터를 은닉하여 외부 접근을 막고, 데이터 무결성을 유지할 수 있습니다. +예를 들어, 특정 함수 내부에서만 접근 가능한 변수를 생성, 이를 조작할 수 있는 함수만 노출하여 안전하게 데이터를 관리할 수 있습니다. + +2. 비동기 작업에 활용됩니다. 클러저는 비동기 작업에서 이전의 실행 컨텍스트를 유지해야 할 때 유용합니다. 콜백 함수가 비동기적으로 실행될 때 클로저를 사용하면 함수 실행 시점의 변수를 참조할 수 있습니다. +``` +function createLogger(name) { + return function() { + console.log(`Logger: ${name}`); + }; +} + +const logger = createLogger('MyApp'); +setTimeout(logger, 1000); // 1초 후에 'Logger: MyApp' 출력 +``` + +3. 모듈 패턴을 구현하는 데 활용됩니다. 모듈 패턴은 특정 기능을 캡슐화하고, 외부에 공개하고자 하는 부분만 선택적으로 노출하여 코드의 응집력을 높이고, 유지보수성을 향상시키는 패턴입니다. 클로저를 활용하면 필요한 함수와 데이터만 외부로 노출함으로써 모듈 패턴을 쉽게 구현할 수 있습니다. + +## 오늘의 알고리즘 문제 + +#### 1번 문제 +![alt text](image.png) + +풀이: +``` +function solution(numbers) { + let sum = 0; + + for (let i = 0; i < numbers.length; i++) { + sum += numbers[i]; //합계구하기 + } + + let average = sum / numbers.length; + return average; +} +``` + +풀이해석: +sum += numbers[i];로 배열의 모든 수를 더하고, +average = sum / numbers.length;로 평균을 구한다. +정답의 소수부분이 .0 또는 .5인 경우만 입력으로 주어진다 했으니 +정수로 바꿔줄 필요는 없다. + + +### 2번 문제 +![alt text](image-1.png) + +풀이: +``` +function solution(slice, n) { + let pizzas = 0; // 시킨 피자 판 수를 저장하는 변수 + + for (let i = 1; ; i++) { // i는 1부터 시작해서 무한히 증가 + if (slice * i >= n) { // i판을 시켰을 때 총 조각 수가 사람 수 이상이면 + pizzas = i; // 필요한 피자 판 수는 i + break; // 조건을 만족했으니 반복문 종료 + } + } + + return pizzas; // 최종적으로 계산된 피자 판 수 반환 +} +``` + +풀이해석: 시켜야하는 피자의 판 수를 담는 pizzas 변수를 만들어주고 +for문을 활용하여 조건문 if를 만족하면 break가 나도록 했다. +i판을 시켰을 때 총 조각 수가 사람 수보다 많으면 (slice * i >=n) 필요한 판수는 pizzas = i; + diff --git a/team3-study/3team_jongin/2025-08-09/image-1.png b/team3-study/3team_jongin/2025-08-09/image-1.png new file mode 100644 index 0000000..38cf71a Binary files /dev/null and b/team3-study/3team_jongin/2025-08-09/image-1.png differ diff --git a/team3-study/3team_jongin/2025-08-09/image.png b/team3-study/3team_jongin/2025-08-09/image.png new file mode 100644 index 0000000..2d8e613 Binary files /dev/null and b/team3-study/3team_jongin/2025-08-09/image.png differ diff --git a/your-repo b/your-repo new file mode 160000 index 0000000..d0f6788 --- /dev/null +++ b/your-repo @@ -0,0 +1 @@ +Subproject commit d0f678863313b042cf5f5fe6551588c02a917937