![]()
1. 기획부터 아예 다시 짜기 그나마 할만하고 도전적인건 미니게임 에디터 사이트 미니게임을 만드는 사용자가 여러개의 게임 탬플릿중 하나를 선택하고, 답을 지정해서 게임을 만드는 사이 일정 고려 발표까지는 5주 발표 준비(5일), 기획 및 디자인 (5일) 개발 기간 14일 (70md)- 기능: 테스트 코드 (7md), 스토리북 (9md)—- 인증 인가 - 7md 객관식 - 23md 편집기: 음성, 이미지 수식, 이런거 다뺐을 때 (8md) 풀기: 최소한의 애니메이션 (15md) 일치하는 쌍 - 16md 편집기: 두 모드 둘 다 구현 했을 때 (7md) 풀기: 최소한의 애니메이션, 줌 효과 없음, 뒤집기 정도? (9md) 문장 배열하기 - 19md 편집기: 6md 풀기: 숫자 빵빵, 단어 dnd, 슬라이드 ..
![]()
설치 명령어 npx create-next-app@latest . 실행하기 npm run dev 배포하기 npm run build 배포판 실행하기 npm run start
1. 함수에서 TS 사용하기 function sum(a: number, b: number): number { return a + b; } function objSum({ a, b }: { a: number; b: number }): string { return `${a + b}`; } 2. 비동기 함수에서 TS 사용하기 type Person = { id: number; age: number; height: number }; async function getPerson(): Promise { const res = await fetch(`http://localhost:5008/people`); if (!res.ok) { throw new Error(); } return res.json(); } getPers..
서버/클라이언트 클라이언트는 서버에 요청을 보내는 일을 하고, 서버는 클라이언트로부터 요청을 받으면 DB에서 필요한 정보를 가져와 클라이언트로 보내는 일을 한다. 웹브라우저는 서버로부터 요청을 받아 html 파일을 그려내는 역할을 한다.(클라이언트와 동일) HTML/CSS HTML은 웹페이지의 뼈대를 구성하는 것이고, CSS는 HTML을 꾸며주는 역할을 한다. HTML은 크게 와 로 이루어져 있는데, head 안에는 페이지의 속성 정보를, body 안에는 페이지의 내용을 담는다. 부트스트랩과 구글폰트 부트스트랩은 미리 예쁘게 만들어놓은 CSS들을 제공하는 사이트이다. html 파일의 head 안에 CDN을 추가하여 쉽게 이용할 수 있다. 구글폰트는 구글에서 제공하는 무료 폰트로, 사이트에 접속해 부트스트..
