Skip to content

[0, 1주차/동동] 워크북 제출합니다.#11

Merged
bukyung03 merged 8 commits intoUMC-Inha:동동/mainfrom
bukyung03:main
Mar 23, 2026
Merged

[0, 1주차/동동] 워크북 제출합니다.#11
bukyung03 merged 8 commits intoUMC-Inha:동동/mainfrom
bukyung03:main

Conversation

@bukyung03
Copy link
Copy Markdown

@bukyung03 bukyung03 commented Mar 19, 2026

✅ 워크북 체크리스트

  • 모든 핵심 키워드 정리를 마쳤나요?
  • 핵심 키워드에 대해 완벽히 이해하셨나요?
  • 이론 학습 이후 직접 실습을 해보는 시간을 가졌나요?
  • 미션을 수행하셨나요?
  • 미션을 기록하셨나요?

✅ 컨벤션 체크리스트

  • 디렉토리 구조 컨벤션을 잘 지켰나요?
  • pr 제목을 컨벤션에 맞게 작성하였나요?
  • pr에 해당되는 이슈를 연결하였나요?(중요)
  • 적절한 라벨을 설정하였나요?
  • 파트장에게 code review를 요청하기 위해 reviewer를 등록하였나요?
  • 닉네임/main 브랜치의 최신 상태를 반영하고 있는지 확인했나요?(매우 중요!)

📌 주안점

@bukyung03 bukyung03 requested a review from qkrdmsthff as a code owner March 19, 2026 11:04
@bukyung03 bukyung03 changed the title keyword: chapter00 키워드 제출 [0, 1주차/카사] 워크북 제출합니다. Mar 20, 2026
@bukyung03 bukyung03 changed the title [0, 1주차/카사] 워크북 제출합니다. [0, 1주차/동동] 워크북 제출합니다. Mar 20, 2026
This was linked to issues Mar 20, 2026
Comment thread mission/chapter00/CSS/mission01/index.html
Comment thread mission/chapter00/JS/app.js
Comment thread mission/chapter01/src/app.ts Outdated
@bukyung03 bukyung03 self-assigned this Mar 21, 2026
Comment thread mission/chapter00/JS/app.js
Comment thread keyword/chapter00/keyword_CSS.md
Comment thread keyword/chapter00/keyword_HTML.md
Comment thread keyword/chapter01/Typescript.md
Comment thread keyword/chapter01/Typescript.md
Comment thread mission/chapter00/CSS/mission01/index.html
Comment thread mission/chapter00/CSS/mission02.html
Comment thread mission/chapter01/src/app.ts
Comment thread mission/chapter01/src/app.ts Outdated
Comment thread mission/chapter01/src/app.ts Outdated
Comment on lines +1 to +47
console.log("JS 연결")
// 글자 입력창
const input = document.getElementById('todo-input');
// 해야 할 일
const todoList = document.getElementById('todo-list');
// 해낸 일
const doneList = document.getElementById('done-list');

input.addEventListener('keydown', (event) => {
if (event.isComposing) return;
// space만하고 enter 방지 .trim
if (event.key === 'Enter' && input.value.trim() !== "") {
console.log("enter 확인, 입력값:", input.value)
addTodo(input.value);
input.value = ""
}
});

function addTodo(text) {
const li = document.createElement('li');

const span = document.createElement('span');
span.innerText = text;

const button = document.createElement('button');
button.innerText = "완료";
button.className = "complete-btn";

button.onclick = function() {
completeTodo(li);
};

li.appendChild(span);
li.appendChild(button);
todoList.appendChild(li);
}

function completeTodo(li) {
const btn = li.querySelector('.complete-btn');
if (btn) {
btn.innerText = "삭제";
btn.onclick = function() {
li.remove();
};
doneList.appendChild(li);
}
} No newline at end of file
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

전체적으로 기능 흐름을 깔끔하게 잘 구현하신 것 같습니다 .

제 코드에서는 localStorage를 활용하여 상태를 저장하고, 새로고침 이후에도 데이터가 유지되도록 구성했습니다. 이런 방식으로 상태를 관리하면 사용자 경험을 개선할 수 있을 것 같습니다.

좋은 코드 잘 봤습니다!

Copy link
Copy Markdown
Collaborator

@qkrdmsthff qkrdmsthff left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 동동 ~~
코드리뷰, 학습회고, 트러블슈팅 정말 잘 써주셨네요!!
수고 많으셨고 merge 해 주시면 됩니다!!
2주차도 화이팅!

@bukyung03 bukyung03 merged commit 21b3e64 into UMC-Inha:동동/main Mar 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Chapter01_TypeScript 기본 Chapter00_Handbook(HTML, CSS, JS)

5 participants