- React/Javascript 을 사용하여 코딩을 할 줄 아는가?
- FrontEnd 면 API 를 다뤄야하는데 할 수있는가?
UnSplash,Pixabay, 에서 사진을 검색해서 사진 요청하는 싸이트.
사진을 검색할때 unsplash,pixabay 등 여러 싸이트들에 들어가면서 원하는 사진을 찾아야 하는데 그것이 너무 귀찮다.
그럼 검색 한번에 여러 이미지를 볼 수 있으면 좋지 않을까? 라는 생각에 만들게 되었다.
코딩을 하면서 느낀것은 내가 오늘 작성한 코드를 나중에 다시 돌아서 본다면 기능이 무슨 기능인지, 코드가 어디서, 어떻게 실행되고 있는지 등 생각보다 쉽게 잊어버린 다는 것이다.
- 이것을 극복 하기 위해서는 깔끔한 폴더 구조 가 필요하고..나의 코드 naming(이름) 들이 뭔지 쉽게 알아야 한다는 것이다.
그렇기 때문에 api들은 api 폴더의 index.js에 정의하였고..
App.js 안에서 components를 호출하여 index.js에서 render 하는 방식으로 진행하였다.
이번프로젝트에는 css 보다 javascript 기능 구현에 중점을 많이 둬서 styles는 크게 건드리지 않았다.
user 관련:
- 로그인,로그아웃 부재
- 현재는 이미지를 클릭하면 직접 이미지 출처 싸이트로 이동되지만.. 나의 싸이트에서 직접 좋아요, 이미지 다운 등 기능들 구현
- 검색결과가 없을때 404페이지 나 이미지 찾을수 없음 표시 부재