Home
jyp_devlog
Cancel

퀴즈 사이트 만들기_4 (next.js)

시작하며 지난 시간에는 퀴즈 풀기 페이지, 회원기능 , DB를 이용한 회원아이디 저장 등의 기능을 만들었다. 이번 시간에는 순위판 페이지를 완성시키고, AWS에 파일을 업로드할 것이다. 순위판 구성 순위가 높은 순서대로 자료를 출력하기 위해 mongodb에서 데이터를 가져올때, sort()함수를 이용합니다. sort함수를 사용하면 특정 자료의...

퀴즈 사이트 만들기_3 (next.js)

시작하며 지난 포스팅에서는 퀴즈 만들기 페이지와, API까지 완성시켰다. 이번 포스팅에서는 퀴즈 풀기 기능을 완성시켜볼 예정이다. 퀴즈 풀기 페이지 구성하기 페이지 구성 가장 먼저 퀴즈 풀기 버튼을 누르면, 문제의 카테고리를 선택할 수 있는 창을 만들어주겠습니다. 아직 한국사 문제밖에 없지만, 새로운 카테고리가 생길수도 있기때문에 만들어...

퀴즈 사이트 만들기_2 (next.js)

시작하며 지난 포스팅에서는 next.js를 설치하고, 레이아웃까지 제작하였다. 이번 포스팅에서는 나머지 페이지들의 내용을 구성해볼것이다. 저의 모든 글은 MacOs silicon을 기준으로 작성됩니다. 메인 페이지 구성 메인 페이지에는 이 웹사이트에 있는 기능들과 사용법을 소개할 것입니다. 아직 저의 프로젝트는 완성되어있지 않...

퀴즈 사이트 만들기_1 (next.js)

저의 모든 글은 MacOs silicon을 기준으로 작성됩니다. 시작하며 방학이 찾아온 김에 게으르게 놀지 말고 무언가 하나라도 만들어봐야지 하며 시작하게 되었다. 어떤 프로젝트를 만들면 좋을까 생각하다가, 캬훗과 비슷하지만, 다른 느낌의 퀴즈 사이트를 만들어보기로 결정했다. 카훗은 혼자 퀴즈를 풀 수 없고, 그룹장이 게임을 만들어야만 ...

github 블로그 만들어보기_2 chirpy테마 github업로드오류

들어가며 1편에서 chirpy jekyll 테마를 적용하고 포스팅을 끝냈다. 이제 마지막으로 github에 업로드만 하면 블로그 제작은 끝이 난다. 저의 모든 글은 MacOs silicon을 기준으로 작성됩니다. github에 블로그 폴더 업로드 github에 파일을 푸시할때는 보통 터미널,cmd를 이용하거나 github_deskto...

github 블로그 만들어보기_1 (MacOs)

들어가며 나는 작업을 하다가 모르는게 있으면 당연히 구글링을 통해서 문제를 해결합니다. 구글링을 하면 다양한 개발 블로그에서 해답을 찾을 수 있는데, 블로그들을 보며 나도 개발 블로그로 다른사람에게 내가 아는것을 전달해줄 수 있다면 좋겠다는 생각이 들었습니다. 그래서 나도 한번 만들어보자 하는 생각에 블로그의 종류들을 살펴보았습니다. tistor...