UXUI DESIGN/UXUI DESIGN - STUDY

[UI/UX]패스트캠퍼스 챌린지 49일차 - 코딩의 마무리,,피그마는 음,,

풀짝풀짝 2022. 3. 13. 22:37
반응형

 

49일차 강의

피그마를 듣는데,,사실 도움되는 내용도 크게 없고

메모할 필요 없는 내용들인 것 같아서 생략했다.

 

피그마를 제대로 배우고 싶어서 들었던 강의인데

피그마에 대한 건 살짝 많이 아쉬웠다 ㅠㅠ

 

코딩처럼 먼가 팍팍 잘 알아듣게 유용하게 설명해주길 많이 기대했는데

기대 이하였었다 ㅠ-ㅠ

 

오늘은 코딩 마무리 단계였는데 선생님이 마무리인사도 없어서 섭섭..(?)

근데 코딩은 진짜 유용하게 들었다 ㅎㅎ

 

 


background color에 더 자세한걸 알고 싶으면
구글에 background-color mdn을 치면 된다.
MDN 모질라 재단에서 만든 것

 



구문을 보면 코드들이 명시가 되어져있다.
background color에는 키워드 값을 이용하여 할 수 있다.
16진수 색상을 이용해서도 키워드를 입력할 수 있다.

rgb값, 키워드 값, 16진수 값, HSL 값, 특별 키워드 값, 전역 값 이용 가능!

형식 정의로 내려오면 background의 기본 요소에 대해서 알 수 있다.




코딩 예제 분석


1. https://github.com/HeropCode/Github-Responsive
깃허브는 개발자들이 자기의 프로젝트를 올리는 사이트

근데 안나와요 쌤..


2. https://github.com/Parkyoungwoong/starbucks-vanila-app
스타벅스의 랜딩페이지를 만드는 예제
데모부분을 선택하면 된다.

데모+사인어쩌구는 로딩페이지를 볼 수 있다.
이 예제는 자바스크립트가 많이 붙어져있다.
(개발자용보다 공부할려는 사람이 보기 위해 적합하다!)

3. 프로젝트 클론
https://github.com/Heropcode/github-Responsive
우측 코드버튼을 클릭해서 다운로드 해준다.
https://github.com/Parkyoungwoong/starbucks-vanila-app
이것도 우측 코드버튼 이용해서 다운받아준다.

- 새창을 열어 열기버튼을 눌러 다운받은 코드를 열어준다.

 

 

 

ㅋㅋ예제가 안나와서 티스토리 개발자도구를 켜서 확인해봤다

아주 복잡한 코드들...

그래도 쌤덕분에 프론트엔드에 대한 희망과 도전의식이 생겨서 좋았었다!!!

 

 

 

그리고 넘 인증샷이 미비한거 같아서 ㅋㅋㅋ

워낙 전에 직접 코딩한거 올리다가 저런거 올리니까,,시원찮아 보이네유,,?

 

피그마도 많이 들었는데 사실 올리고 싶은거도 없고

알아가는 내용도 크게 없어서 안올렸다

그냥 피그마는 독학 할련다..^_^

 

 

https://bit.ly/37BpXiC

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

반응형