Let's kick it

오류 메세지In HTML, cannot be a child of . This will cause a hydration error. [src/app/layout.js] - 루트 레이아웃 [src/app/chap01/layout.js] - 오류 발생 코드 (수정 전) 원인 분석Next.js App Router에서는 HTML 문서의 구조가 매우 중요합니다. 특히 과 태그는 전체 애플리케이션에서 오직 한 번만 정의되어야 합니다.이 오류는 루트 레이아웃(src/app/layout.js)에서 이미 과 태그를 정의했는데, 중첩 레이아웃(src/app/chap01/layout.js)에서 또 다시 이 태그들을 사용했기 때문에 발생했습니다.결과적으로 HTML 구조가 다음과 같이 중첩되는 문제가 발생합니다: (루트 레..

8주 차 회고 5 / 5 월5 / 6 화5 / 7 수5 / 8 목5 / 9 금어린이날, 부처님오신날(공휴일)대체 공휴일JavaScriptReactReact 📌 전반적인 느낀 점이번 주는 공휴일 덕분에 평일을 이틀 쉬고 가서 좋았다. 다만, 다시 학원에 가기 전날에는 ‘이제 가야 한다’는 생각에 잠을 잘 이루지 못해 조금 피곤한 상태로 시작했다. 수업은 빠르게 진도가 나가기 때문에 정신을 바짝 차려야 했다.리액트는 처음 접하는 거라 걱정이 많았는데, 초반에 npm update 이후 파일 생성이 되지 않는 문제가 발생해서 다시 설치하느라 첫 부분을 놓쳤다. 다행히 짝꿍이 도와주고, 설치하는 동안 화면도 보고 있어서 비교적 수월하게 따라갈 수 있었다. 계속 생성하고 만들어보면서 리액트 프로젝트 초기 설정에..

트러블 슈팅: Next.js 하이드레이션 오류문제 상황 React 컴포넌트에서 현재 시간을 표시하는 기능을 구현했으나, 다음과 같은 오류가 발생했다 "Runtime Error: Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client."원인 분석 오류는 SimpleComponent에서 `new Date().toLocaleTimeString()`을 직접 사용했기 때문에 발생했다. 이 코드는 실행 시점에 따라 다른 값을 생성하는데 - 서버에서 페이지를 렌더링할 때는 서버 시간 기준으로 값이 생성됨 - 브라우저..

7주 차 회고4/28 월4/29 화4/30 수5 / 1 목5 / 2 금CSSCSS,JavaScriptJavaScript노동절JavaScript 전반적인 느낀점이번 주에는 이전에 배웠던 git, Java와 같은 내용에 비해 상대적으로 난이도가 낮아 학습 속도가 빨랐습니다. 하지만 많은 양의 내용을 빠르게 학습했기 때문에, 향후 실제 프로젝트에 적용하기 위해서는 체계적인 정리가 필요하다고 느꼈습니다. 좋았던 점근로자의 날(5/1)로 인한 휴일이 주중에 있어 피로를 해소하는 데 큰 도움이 되었습니다.학습 내용의 난이도가 적절해 이해하는 데 어려움이 없었습니다.새로운 개념들을 빠르게 습득할 수 있었습니다. 아쉬웠던 점계획했던 문제풀이를 미루다보니 계속 미루게 되는 악순환이 아쉬웠습니다.주간 계획의 많은 부분을 ..

6주차 회고4/21 월4/22 화4/23 수4/24 목4/25 금JDBC, SQL Injection, crud모델링, 프로젝트 기획프로젝트 1일차프로젝트 2일차, 발표프로젝트 마무리, HTML 일주일 동안 느낀 점지필평가월요일 마지막 시간에 한 달간 공부한 내용을 확인하기 위해 지필평가가 진행되었다. 물론 평소에 배운 거 다시 읽는 등의 복습은 했었지만, 다시 훑어보는 시간이 필요하다고 생각해 주말에 시간을 가지려 했다. 하지만 많은 양으로 전체적으로 훑지는 못했다.그래서 걱정되었지만 다행히도 재시험은 면했다. 하지만 처음 골랐던 답이 맞는데 고쳐서 틀리는 실수를 했다. 그래도 덕분에 내가 이 부분에서 헷갈리는구나를 확실히 알 수 있었다. 확실히 많은 양을 한 번에 정리하기엔 무리가 있으니, 평소에 읽는..

5주 차 회고4/14 월4/15 화4/16 수4/17 목4/18 금JAVA 자료구조JAVA 자료구조JAVA 알고리즘JAVA 알고리즘자료공학 4/14 자료구조 - 복잡도, list, stack, queue, deque 백준 문제 풀이4/15 자료구조 - tree, heap, graph4/16 알고리즘 - sorting, dfs, bfs4/17 알고리즘 - greedy, 동적계획법 문제 풀이4/18 - 요구사항, UML, 소프트웨어 개발 프로세스 일주일 동안 느낀 점일단 많은 양의 문제를 풀다 보니 흡수하기엔 무리가 있었다. 일단 실행만 될 수 있게만 따라가는 느낌이라 다시 추가 복습이 필요했다. 그래도 수업 후 복습 과정에서 무턱대고 따라갔던 부분을 이해할 수 있었다. 하지만 이걸 내가 다시 풀기엔 ..

4주 차 회고4/7 월4/8 화4/9 수4/10 목4/11 금JAVAJAVAJAVAJAVAJAVA 지난 일주일 동안 가장 인상 깊었던 배움에는 뭐가 있었지?컬렉션 문제가 가장 인상 깊었다. 이해는 했지만 코드로 어떻게 구현해야 할지 감도 안 왔다. 그 배움까지 다가가는데 어떤 어려움이 있었지?다들 2번에서 다들 어려움을 느껴서 강사님께서 비슷한 문제를 처음부터 설명해 주시면서 풀어주셨는데 한 번 다시 정리하고 나니 처음보단 나은 느낌이었다. 직접 실행해 보는 경험이 중요해 문제를 내주시는데 약간 몰아치는데 익숙하지 않으니 버거운 느낌이었다. 그 과정에서 나는 무엇을 깨달았고, 어떤 감정/생각이 들었었지?전체적인 구조를 이해해야 풀 수 있었고, 적재적소에 쓰이도록 만들기 위해 손으로 구조를 직접 적어보는..

3주 차 회고3/31 월4/1 화4/2 수4/3 목4/4 금JAVAJAVAJAVAJAVAJAVA 지난 일주일 동안 가장 인상 깊었던 배움에는 뭐가 있었지?자바 메소드부터 본격적인 이해를 위한 문제풀이가 수업 중에도 이루어졌는데 문제를 풀다 보니 이때 이럴 때 쓰는 거다라는 게 이해가 갔던 한 주였다.  그 배움까지 다가가는데 어떤 어려움이 있었지?물론 수업을 열심히 들어도 잠깐 놓치면 못따라가는 경우가 있었지만 그래도 어떻게든 에러를 고치고, 안되면 강사님과 짝꿍님께 도움을 요청했다. 문제 풀이과정에서 문제를 이해하는 것도 어려웠다 그 과정에서 나는 무엇을 깨달았고, 어떤 감정/생각이 들었었지?이해는 했더라도 문제를 푸려하면 문제 자체를 이해해야 되는데 뭘 요구하는지 짐작을 못해서 시작을 어떻게 해야 하..