한화시스템 23기 8주차 회고

📚 이번주엔 뭘 배웠지?

• HTML 기본 구조부터 시작해서 텍스트 태그(h, p)
• div/span 차이, 특수문자 처리
• 링크·이미지 삽입, 리스트, 테이블, form 태그까지 전반적인 HTML 기초를 학습했다.
• CSS는 인라인/내부/외부 스타일 적용 방식, 선택자(태그·클래스·ID·자식)
• margin·border·padding 개념을 익혔고,
• Bootstrap을 이용해 기본적인 게시글 목록 UI도 만들어봤다.
• JavaScript에서는 변수(var/let/const), 함수 선언 방식, 배열과 객체,
• DOM 조작(getElementById, class, tag), 이벤트 처리,
• JSON 파싱/직렬화, 콜백 함수, 비동기 처리 개념을 배웠다.
• ajax → 콜백지옥 → async/await → axios 흐름을 코드로 직접 확인한 게 인상 깊었다.

👊 어떤 문제점이 있었지?

• JSON 파싱과 객체/배열 조작도 처음엔 머릿속에서 구조가 잘 안 그려졌다.
• AWS에서 EC2와 S3를 이용해 list, register 파일을 배포하면서
  글 등록 기능을 구현하는 과정에서 링크와 경로 설정을 잘못 입력해 여러 번 혼란을 겪었다. EC2 기반 서버 요청과 S3에 올라간 정적 파일 경로를 명확히 구분하지 못해
  페이지가 이동되지 않는 문제가 발생했다.
  이 과정에서 상대경로와 절대경로 개념이 아직 완전히 체화되지 않았다는 점을 느꼈다.

🙏 무엇을 깨달았고, 어떤 생각이 들었지?

• HTML은 구조, CSS는 표현, JS는 동작이라는 역할 분리가 명확하고,
• 비동기는 개념만 아는 것보다 실제 실행 순서를 로그로 찍어보는 게 훨씬 도움이 됐다.
• 콜백 → async/await로 발전한 이유도 자연스럽게 이해하게 됐다.

😄 결과적으로, 현재 나의 상태는?

• 프론트엔드 기초 전반을 한 번 쭉 훑은 상태다.
• 아직 깔끔하게 정리된 느낌은 아니지만,
  코드를 보면 “이게 왜 필요한지”는 이해할 수 있는 단계까지는 온 것 같다.

👨‍🚀 앞으로 어떻게 하는게 좋을까?

• axios로 실제 API를 호출해 목록 조회/등록 정도를 구현해보면 좋을 것 같다.