[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 학습 일지 Week1

---

1주차

2024.07.15 ~ 2024.07.19

---

🐥 참가하게 된 계기

백엔드 개발을 주로 해왔었는데 프론트엔드 기술을 배우기 위해 Next.js 과정을 시작하게되었다.
스프링부트와 자바만 주구장창 하던 내가… 몇개월 전에 리액트를 접하게 되었는데 너무나도 재미있고 나에게 잘 맞았다…
그러다가 Next JS를 알게되었고 프론트엔드쪽도 깊게 공부해서 프론트엔드와 백엔드를 모두 다룰 수 있는 풀스택 개발자가 되기 위해 이번 과정에 참여하였다 🤟

🐥 1주차 회고

온라인

오프라인

🐣 개인적인 소감

이태원에서 왔다갔다 했는데 너무 힘들었다.. 길도 너무 복잡하고 경사도 높고.. 심지어 수요일부터는 비가 너무 너무 많이 와서 신발이 아쿠아슈즈가 되어버렸다.. 온 몸은 찝찝하고 휴.. 😥
그래도 수업은 너무나도 알찼다 ! 수코딩 강사님이 하셨는데 너무 잘 가르쳐주셨다 !
본인은 자바와 파이썬만 주로 다루어왔어서 자바스크립트를 깊게 공부하지 않았었다..
그게 조금 걱정이였는데 다시 기본 개념과 문법을 학습하며 ES6의 기능들을 되짚어보았고 까먹었던 내용들을 다시 되짚어보게 되었다 ❗️❗️

감사합니다 강사님 😝

다음주부터는 나는 온라인으로 참가해야한다 ! 본가로 내려와서 더이상 강의장으로 갈 수가 없다 ..
새로 사귄 분들이 있었는데 못 보게 된게 조금 아쉽다 1주동안 재밌었는데…! 프로젝트 시작하면 다시 봐요 🥹

🐣 개념정리

이번 주에는 JavaScript 기초 개념을 다루었다.

• JavaScript 기본 문법: 변수 선언(var, let, const), 자료형, 조건문, 반복문, 연산자
• 함수: 함수 선언과 표현식, 화살표 함수, 콜백 함수
• 객체와 배열: 객체 생성, 배열의 메서드 활용, 프로토타입, 클래스
• 실행 컨텍스트와 호이스팅
• 내장 객체 및 메서드
• 비동기 프로그래밍: 동기 및 비동기 처리 Promise~then, async/await
• DOM 조작: DOM 요소 선택과 이벤트 처리
• TypeScript: 기본 타입 이해

본 내용들의 정리는 JavaScript 카테고리에 ❗️

MINDDO

MINDDO의 코딩 기록장

heominseok.github.io

🐣 과제 요구사항

2일차: 반복문과 조건문

• for 반복문: 주어진 범위 내에서 반복 작업을 수행
• 조건문(if-else): 조건에 따라 서로 다른 작업을 수행
• 요구사항
  • ✔️ 반복문을 통해 숫자나 배열의 요소들을 순회하고 처리
  • ✔️ 조건문을 통해 특정 조건에 따라 분기 처리

3일차: 함수와 문자열 조작

• 함수 선언 및 호출: 특정 작업을 수행하는 코드를 재사용 가능하도록 정의
• 문자열 조작: 문자열을 변환하고 필요한 형식으로 가공

• 요구사항

  • ✔️ 함수를 작성하여 반복적인 작업을 모듈화하고 재사용성을 높임
  • ✔️ 문자열을 조작하여 원하는 형식으로 변환

4일차: 내장 객체 및 메서드

• 배열 메서드(find, filter, some, every, reduce, sort): 배열 내 요소를 찾거나, 필터링하거나, 조건을 확인하거나, 합산하거나, 정렬하는 작업을 수행
• 문자열 메서드(replace, split): 문자열을 변환하고 특정 구분자로 분리하여 배열을 생성
• 고급 배열 메서드를 활용하여 데이터를 처리하고 분석

• 요구사항

  • ✔️ 배열의 다양한 메서드를 사용하여 데이터를 처리하고 필요한 결과를 도출
  • ✔️ 문자열 메서드를 활용하여 문자열을 변환하고 필요한 형식으로 가공