본문 바로가기

분류 전체보기

[React]를 사용하는 토이프로젝트 시작! 방학동안 열심히 놀았네요. 늦었지만 지금이라도 작은 토이프로젝트를 시작해보려고 합니다. 저는 과자를 꾸준히 사먹는 편입니다. 하지만 먹고싶은 것을 가득 쌓아놓고 막상 먹으려 하면 결정장애가 오곤합니다. 그래서 이번 프로젝트로 만드려는 것은 카테고리 별로 과자를 나눠서 임의로 먹을 과자를 선택해주는 프로그램입니다. 그럼 시작해볼까요! 개발은 VSC(Visual Studio Code)를 사용하는 React 웹앱을 만드려고 합니다. 먼저 프로젝트 파일들을 집어넣을 폴더를 만들어 줍니다. 초기 설정하는 법은 폴더를 만들고 Shift + 우클릭 후 파워쉘을 연다음 npx create-react-app 폴더이름 이렇게 코드치시면 됩니다. 그리고 터미널에 npm start를 치고 잘 구동되는지 확인합니다. 저는 기존.. 더보기
[Figma] 입문자들을 위한 사용법 현재 재학중인 대학교에서 우연치 않게 팀 프로젝트를 마주하게 되었습니다. 소프트웨어 공학이라는 전공인데 팀별로 투두리스트 앱을 만드는 것이 과제로 주어졌습니다. 저희 팀은 아이폰 개발을 하시던 분이 있었기 때문에 아이폰 앱을 만드는 반향으로 진행하였습니다. #벡엔드 Frame work: springboot 2.7.1 DB : MySql Was : AWS (EC2, RDS) Design : Figma ▲ 유즈케이스 다이어그램 백엔드 2분 디자인 2분 프론트엔드 1분으로 역할 분담을 하였고 저는 Figma를 이용한 디자인이 처음이었지만 맡게 되었습니다. Figma는 아이폰 앱을 디자인을 할 수 있는 개발 도구로 코딩할 필요가 없는 것이 장점이며 개발 툴의 가시성이 좋기 때문에 입문자도 쉽게 이해하고 개발할 .. 더보기

티스토리툴바