Repository navigation
[0주차/1주차/유징] 워크북 제출합니다. - #5
Merged
Merged
Conversation
This was
linked to
issues
Sep 16, 2025
sunnyinha
reviewed
Sep 18, 2025
|
|
||
| HTML이 DOM 트리로 변환되는 과정은, 프로그래밍 언어의 소스코드를 구문 트리(AST)로 파싱하는 과정과 비슷하고 볼 수 있습니다. 둘 다 입력된 텍스트를 구조화된 트리 형태로 바꿔서, 이후의 처리(조작, 실행, 렌더링 등)가 가능하도록 준비하는 과정이죠. | ||
|
|
||
| ### DOM 트리 생성 과정: HTML이 어떻게 구조화되는가? |
Collaborator
There was a problem hiding this comment.
DOM 생성과정까지 꼼꼼하게 분석해주셨네요 !
sunnyinha
reviewed
Sep 18, 2025
| if (todoArray.includes(text)) { | ||
| alert('이미 존재하는 할 일 목록입니다.'); | ||
| return; | ||
| } |
Collaborator
There was a problem hiding this comment.
할일 중복 체크까지 케이스 나누어서 처리해주셨네요👍
wupe1001
reviewed
Sep 19, 2025
Comment on lines
+20
to
+21
| - `<!DOCTYPE>`을 소문자로도 작성해도 되지만, 다른 HTML 태그들과 쉽게 구분할 수 있도록 주로 대문자로 작성되는 편입니다. | ||
| - 만약 이를 명시하지 않으면, 웹 브라우저는 이 문서를 최신 표준 모드가 아닌 **Quirks Mode**로 처리합니다. 이로 인해 브라우저마다 다르게 렌더링 되거나, 최신 HTML 기능을 제대로 지원하지 못해 의도한대로 표시되지 않을 수 있습니다. |
There was a problem hiding this comment.
해당 키워드를 명시하지 않았을 때의 설명까지 해주신 것이 너무 좋습니다!
sunnyinha
reviewed
Sep 20, 2025
sunnyinha
left a comment
sunnyinha
left a comment
Collaborator
There was a problem hiding this comment.
dist 디렉토리의 경우 소스코드와 tsconfig.json만 있다면 npm run build 등의 빌드 명령어로 만들 수 있기 때문에 올리지 않으셔도 좋습니다
qkrdmsthff
reviewed
Sep 21, 2025
| .content__aside { | ||
| display: contents; | ||
| } | ||
| } No newline at end of file |
Member
There was a problem hiding this comment.
헤더와 메뉴 부분은 flex를 사용해서 구현하고 @media 를 통해 레이아웃을 부여하는 방식도 있군요 !! 저는 모든 레이아웃을 그리드 행과 열로 쪼개서 각 레이아웃마다 행과 열을 부여하는 방식으로 진행해 보았는데, 한눈에 얼만큼 칸을 부여할 수 있을지 직관적이여서 편리해서 해당 방식도 사용해 보면 좋을 것 같아용 ㅎㅎ LGTM 저도 좋은 방식 배워갑니다
sunnyinha
approved these changes
Sep 21, 2025
wupe1001
reviewed
Sep 29, 2025
Comment on lines
+242
to
+260
| ### 문자열 Enum | ||
|
|
||
| ```ts | ||
| enum Color { | ||
| Red = "RED", | ||
| Green = "GREEN", | ||
| Blue = "BLUE" | ||
| } | ||
| let myColor: Color = Color.Green; // "GREEN" | ||
| ``` | ||
|
|
||
| - 문자열 Enum은 반드시 값을 직접 지정해야 하며, 자동 증가하지 않습니다. | ||
|
|
||
| ### 특징 | ||
|
|
||
| - 숫자형 Enum은 **양방향 매핑**이 가능합니다. | ||
| (값 → 이름, 이름 → 값 모두 가능) | ||
| - 문자열 Enum은 값 → 이름 매핑만 가능합니다. | ||
| - const enum을 사용하면, 컴파일 시 실제 값으로 치환되어 성능이 좋아집니다. |
There was a problem hiding this comment.
실제 enum에 대한 설명과 예시 코드가 나와 있어서 너무 좋네요 ! 숫자형 enum은 양방향 매핑이 가능하다는 점이 정말 특이해요. type에 따라 가능한 방향이 서로 다르니까 하나씩 인지해서 조심해서 써야겠네요 !
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
✅ 0주차 워크북 체크리스트
✅ 1주차 워크북 체크리스트
✅ 컨벤션 체크리스트