개인 사정으로 Dev 공부에 공백이 생겨 지금 내가 어느정도의 수준인지 인지 하기 위해서 성인되고부터 찍어놓은 사진중에 남아있는 사진들을 정리할겸 Photo site를 제작해 볼까합니다.
# 기획안
인터넷의 힘을 빌리지 않은 순수하게 지금 내 수준으로 기획안을 작업합니다.
- 사진들을 규격에 상관없이 무한페이지로 보여주고싶다.
- 정말 심플하게 전달력만 보여주고자한다.
- 사이트의 배경은 직접 만들어본다.(디자인감각 일깨우기)
- UI는 심플하면 UX는 뭐가 좋을까
- 상단에 내가찍은거니까! 나를 보여주자
- 카테고리 상단 중앙에 놓아보자.
[ 최신순 , 음식 , 여행 , 인물..?( 초상권은 추후에 생각하자😅 ) ]
- 카테고리 설정은 사진을 보면서 변경가능하게 여지를 두기.( 음식사진이 80%겠지만 🤣 )
- sub_page에서 사진위로 hove시에만 사진에 대한 연도 설명을 넣자 - 그외의 사항은 진행과정에 따라 추가를 해보자. ( 이것이야말로 개인미니 프로젝트의 장점! )
# 사용 툴
지금까지는 포토샵, 일러스트가 편해서 실무에서도 어도비를 사용했지만, 정말 간만의 디자인작업이니 피그마, 제플린중에 선택해서 해보자.
[ 실력확인용 워밍업 프로젝트 진행후에 실무에서 작업한 디자인은 따로 정리해서 잠.궈 놓기로예정 ( 이사하면서 USB 유실되서 마음이 너무 아파...남은거라도 github에 남길꺼야 ㅠㅠ ) ]
- 피그마 vs 제플린
- Vscode
- GitHub
[ 지금 현재 지식상으로 사용 예정인 툴. 추후에 변경되면 수정본 하단에 따로 추가예정 😁 ]
내가 생각하는 지금 내 수준은?
진짜 내스스로 객관화를 해보자. [0,1,2,3,4,5,6,7,8,9,10] 체크!
01. Html5 실력은? [10]
( 이유 : Html5은 진짜 밥먹듯이 했다 ㅠㅠ)
02. CSS3 실력은? [8]
( 이유 : 아직도 미디어쿼리 안까먹었다! 반응형은 기본중의 기본....😥 그치만 grid는 어...ㅎ)
02. jQuery 실력은? [10]
( 이유 : 오픈소스 및 플로그인 가져다가 일부 수정하는거는 JavaScript 보다는 너무 편하지~)
03. JavaScript 실력은? [5]
( 이유 : 처음부터 작업하는 거는 여전히 어렵군... 간단한거는 쉬운편인데, 조금 코드줄이 길어지면 나의 표정은.. 😮 )
04. 터미널 실력은? [7]
( 이유 : 터미널 cmder을 쓰는데 명령어 아직 자주 썼던거 잘쓰고 ~ Vscode에 연동도 잘되고~ )
05. React 실력은? [4~5]
( 이유 : JavaScript의 연장선이고..흠, Hook어렵고.. 리덕스 사가..지금 다시쓰라하면 공부하고오겠습니다! )
06. styled-component 실력은? [7]
( 이유 : Postman 등의 CSS 컴퍼넌트 사용이 재미있음!!!!! CSS 재미있는거같아 ㅠㅠ )
07. SCSS ? SASS 실력은? [7]
( 이유 : SCSS는 CSS의 깔끔하지 않은 정리들이 되어서 보기에 너무 좋아서 애용합니다!
SASS는 변수넣어서 지정하는거에 아직 덜익숙하지만, 그래도 더 깔끔하고 이뻐서 사랑....😘 )
08. GitHub 실력은? [6]
( 이유 : 한번 계정만드니까 매일 관리가 지금으로써는 버겁다.. 예전에만든게 따라와서 안이쁘고... 터미널로 Git관리하는거로 배워서 어플리케이션통해서 안하니까 6을준다! rebase 할줄아니까 6을준다! )
09. 포토샵 실력은? [7]
( 이유 : 인물보정 편집 능력은 아직 퇴보하지않았고, 머리보다는 손으로 외워서 그런지.. 뭔지는 몰라도 작업할때 막힘이 없다! )
08. 일러스트 실력은? [6]
( 이유 : 일러스트 실력은 늘어난거같다. 이유는 ~ 똥손이라 항상 디자인 업무할때 머릿속에 상상한것을 실체화시키고싶은데 그걸 못해서 불만이였던걸, 퇴사후에 쉬면서 조금씩 그리기시작해서 일러스트 능력은 오히려 늘었다! 항상 포토샵이 메인, 일러스트는 서포트로 사용했는데 이제는 일러스트로 메인잡아봐도 되지않을까.. 싶은 과감한 생각중이다, 근데 피그마, 제플린하면...일러스트 또 퇴보하는거아닌가...🙄)
우선 생각나는 툴 및 스택은 이정도? 더 생각나면 추가하도록한다.
간밤에 끄적여본 프로젝트 러프 - 이걸 이제 구체화작업을 해보자!
