코딩하루 부산동래센터

알림

1. HTML/CSS/JS의 기본개념만으로 프로덕트 레벨의 웹을 만들어 봅니다.

2. React.js를 활용해서 쇼핑몰을 만들어 봅니다.

3. Next.js를 활용하여 서버기능이 들어간 게시판, 지도 맵을 구현해 봅니다.

4. Vercel을 통해 서비스를 배포해 봅니다.

1. 에어비앤비 홈페이지 만들기(HTML/CSS)

flex (direction, justify, align, wrap ...)
grid
margin, padding
position (absolute, relative)
display
float
transform (scale, rotate, transition ...)
border
box sizing
em, rem, px, vh, vw, vmin, vmax
Font, Font Family
SCSS

2. 웹 UI를 만들며 배우는 JavaScript

function: arrow function, recursive function
(ex: dealing with Recursive data in JSON object)
array: map, sort, filter, reduce, spread
json: parse, stringify, spread
promise
aync await
jsx
fetch & axios
cookie, session
localStorage

3. git & github

4. 쇼핑몰을 만들며 배워보는 React

function component (& arrow function)
useState
useEffect
react-router
useRef
useContext
useCallback, useMemo
props
zustand

5. 빠르게 배워보는 TypeScript

타입스크립트 기본 필수 타입
Narrowing, assertion
함수 타입
object 타입
interface, type alias
리액트 개발시 사용할 타입들
class 문법 기초
public private static protected
import export
generics
module 만들기
d.ts 파일
if문, 파라미터 등 기타 타입관련 테크닉

6. 지도 서비스 만들면서 배워보는 Next.js

서버사이드렌더링과 라우팅
서버기능과 API 만들기
MongoDB 입출력
Next-auth 회원인증
캐싱,에러처리 등 부가기능
AWS 클라우드에 배포
class 문법 기초

1. HTML/CSS/JS의 기본개념만으로 프로덕트 레벨의 웹을 만들어 봅니다.

2. React.js를 활용해서 쇼핑몰을 만들어 봅니다.

3. Next.js를 활용하여 서버기능이 들어간 게시판, 지도 맵을 구현해 봅니다.

4. Vercel을 통해 서비스를 배포해 봅니다.

1. 에어비앤비 홈페이지 만들기(HTML/CSS)

flex (direction, justify, align, wrap ...)
grid
margin, padding
position (absolute, relative)
display
float
transform (scale, rotate, transition ...)
border
box sizing
em, rem, px, vh, vw, vmin, vmax
Font, Font Family
SCSS

2. 웹 UI를 만들며 배우는 JavaScript

function: arrow function, recursive function
(ex: dealing with Recursive data in JSON object)
array: map, sort, filter, reduce, spread
json: parse, stringify, spread
promise
aync await
jsx
fetch & axios
cookie, session
localStorage

3. git & github

4. 쇼핑몰을 만들며 배워보는 React

function component (& arrow function)
useState
useEffect
react-router
useRef
useContext
useCallback, useMemo
props
zustand

5. 빠르게 배워보는 TypeScript

타입스크립트 기본 필수 타입
Narrowing, assertion
함수 타입
object 타입
interface, type alias
리액트 개발시 사용할 타입들
class 문법 기초
public private static protected
import export
generics
module 만들기
d.ts 파일
if문, 파라미터 등 기타 타입관련 테크닉

6. 지도 서비스 만들면서 배워보는 Next.js

서버사이드렌더링과 라우팅
서버기능과 API 만들기
MongoDB 입출력
Next-auth 회원인증
캐싱,에러처리 등 부가기능
AWS 클라우드에 배포
class 문법 기초