입문 썸네일형 리스트형 [Next.js] 개발환경 셋팅 요새는 React 보다는 Next.js를 쓰는 것이 인기라고 하네요. 저도 트렌드를 따라서 Next.js 공부를 해보려고 합니다. Next.js는 React문법을 기본으로 사용하기 때문에 공부하기 수월할 것 같습니다! 먼저 개발환경 셋팅을 해보겠습니다. Node.js 18버전 이상이 필요하다고 하네요. 왼쪽 버튼을 눌러 다운받아 줍니다. 에디터는 VScode를 그대로 사용하면 될 것 같습니다. 코드를 짤 폴더도 만들어 주겠습니다. 그리고 이것을 VScode에서 열어주면 되겠네요. 폴더를 연 다음 터미널을 열어서 npx create-next-app@latest --experimental-app 명령어를 입력해줍니다. 그러면 이렇게 에러가 발생합니다. 하하,, 구글링을 해 볼 차례입니다. 생각보다 쉽게 해결.. 더보기 [Figma] 입문자들을 위한 사용법 현재 재학중인 대학교에서 우연치 않게 팀 프로젝트를 마주하게 되었습니다. 소프트웨어 공학이라는 전공인데 팀별로 투두리스트 앱을 만드는 것이 과제로 주어졌습니다. 저희 팀은 아이폰 개발을 하시던 분이 있었기 때문에 아이폰 앱을 만드는 반향으로 진행하였습니다. #벡엔드 Frame work: springboot 2.7.1 DB : MySql Was : AWS (EC2, RDS) Design : Figma ▲ 유즈케이스 다이어그램 백엔드 2분 디자인 2분 프론트엔드 1분으로 역할 분담을 하였고 저는 Figma를 이용한 디자인이 처음이었지만 맡게 되었습니다. Figma는 아이폰 앱을 디자인을 할 수 있는 개발 도구로 코딩할 필요가 없는 것이 장점이며 개발 툴의 가시성이 좋기 때문에 입문자도 쉽게 이해하고 개발할 .. 더보기 이전 1 다음
