She is gone because she is goun

미쳤다 오늘은 패스트캠퍼스 마지막 날이다. 탈도많았던 나의 챌린지 일기 대망의 끝인가(?) 하지만 이렇게 일기쓰는 습관은 너무 좋은 것 같다 별거 아닌 시간이였지만 매일매일 30-1시간 길게는 2시간을 투자해서 열심히 들었다. 회사 휴직기간에는 뻥안치고 10강의씩 들은 적도 있었는데 회사 병행하면서 회식이다 출장이다 하면서,,,, 정신없어졌었다 마지막날 기념으로 포트폴리오에 관한 강의를 들었다. 자주자주 볼 포스트인 것 같아 마지막에 하는게 좋을 것 같다는 개인적인 판단이 들었다 :) 포트폴리오의 이해 포트폴리오를 바라보는 관점 - 내가 보여주고 싶은 것을 보여주는 것이 아님 - 채용 담당자가 보고싶은 것을 분석한 후 그에 대한 대답을 보여주는 것 (나를 표현하는 것이 아니라 보여지고 싶은 것을 보여주는..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 14. 22:55

49일차 강의 피그마를 듣는데,,사실 도움되는 내용도 크게 없고 메모할 필요 없는 내용들인 것 같아서 생략했다. 피그마를 제대로 배우고 싶어서 들었던 강의인데 피그마에 대한 건 살짝 많이 아쉬웠다 ㅠㅠ 코딩처럼 먼가 팍팍 잘 알아듣게 유용하게 설명해주길 많이 기대했는데 기대 이하였었다 ㅠ-ㅠ 오늘은 코딩 마무리 단계였는데 선생님이 마무리인사도 없어서 섭섭..(?) 근데 코딩은 진짜 유용하게 들었다 ㅎㅎ background color에 더 자세한걸 알고 싶으면 구글에 background-color mdn을 치면 된다. MDN 모질라 재단에서 만든 것 구문을 보면 코드들이 명시가 되어져있다. background color에는 키워드 값을 이용하여 할 수 있다. 16진수 색상을 이용해서도 키워드를 입력할 수 ..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 13. 22:37

오늘은 48일차고,,벌써 월요일이면 50일인 것이 실화일 까 (??) 아주 중요한 반응형 웹에 대해서 배웠다. 물론 아주 기초적인거여서 아주 쉬웠다 ㅎㅅㅎ 우리 회사도 반응형웹이기 때문에 이런 구조로 움직인 다는 것을 파악할 수 있었다 근데 디자인을 잡을 때 반응형 웹을 여러상태로 잡아야 하는 거 같은데 난 그걸 몰라서 ,, 개판이 된 것 같다 반응형 웹 (기술자체는 전혀 어렵지 아나요) @media라는 규칙을 main.css에서 조건을 만들어주는 것 반응형웹을 만드는 방법 1. index.html의 body에 div class=container을 만들어준다. 2. div class안에 "item"이라는 클래스를 하나 만들어준다. 3. main.css로 가서 .container의 해당하는 것과 conta..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 12. 23:23

오늘은 47일차 3번만 더쓰면 끝나는 챌린지~_~ 오늘은 알차게 2개나 들었다 그리고 2개를 동시에 적용해봤다 ㅎㅎ 역시나 왜안나오지 하면서 다하고 찾았더니,, alt에 아무글도 쓰지 않으면 출력되지 않드라구요 꼭 까먹지 않구 쓰기~~ img와 bg차이 : img는 이미지가 출력된 자리에 온전하게 출력된다는 의미 그래서 우리가 별도 설정 없이 주소만 입력해도 잘 된다. bg는 요소의 크기에 영향을 받아서 삽입된다. 배경으로 이미지를 온전하게 표현하고 싶으면 css에서 가로와 너비를 잡아서 출력하면 된다. 백그라운드 이미지는 마우스로 해당하는 부분을 드래그하면 드래그가 되지 않는다. *브라우저가 사용하는 이미지라고 인식하지 않기 때문이다. bg는 이미지 제어가 가능하다. html css .bg{ width..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 11. 23:36

오늘은 46일차..! 회식 너무 지겹고 정신도 없고...미치겠다 갑자기 조직개편되서 진짜 화가 진절머리나듯이 난다 이런 짜증나는 얘기는 그만하고,, 챌린지 일기를 써야지,, 호ㅣ식하고 와서,,짧은 강의 2개를 들은 점 양해바랍니다,,ㅠㅠㅠ 늦게까지 마실줄도 몰랐고,,,코로나떄메 회식 안하던 시절이 너무 그립다 이미지 용량 관리 이미지 용량관리 사이트 : http://tinypng.com jpg png 사이즈의 이미지 용량을 획기적으로 줄여준다. 이미지 한장을 드래그해서 사이트에 업로드하면 된다. -82%는 그만큼의 용량이 줄어들었다는 것 -오른쪽에 다운로드 버튼을 누르면 다운로드 받을 수 있다. 이렇게 회사에서 진행한 이미지 줄여봤다 근데 여기 말고도 많았던거 같은데.. BEM(block element ..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 10. 23:39

오늘은 선거날~ 쉬는날 기념으로 동네친구들 만나고, 대학애들도 만났다 살짝 음주기운으로 쓰는 음주챌린지 일기 ~^_^ 웹 이미지 종류,,아주 중요한,,,!! 이미지에는 아주 다양한 종류들이 있는데 맨날 어도비 일러스트에서 웹 이미지 종류가 뭐지무ㅓ지 하다가 제대로 처음 알았당 ㅋ.ㅋ;... 나 반성해라..! 이미지 불러오기 1. 원하는 이미지 f12누르고 클릭하기 2. f12창에 div class 선택되었는지 확인하기 3. f12 아래 css창에서 background의 url 링크 복사하기 (우클릭해서 open in new lab해서 링크 복사) 웹의 이미지 *요즘은 비트맵에서 벡터로 변경되어가는 추세 1. 비트맵 :정교하고 다양한 색상을 자연스럽게 표현, 확대/축소 시 계단 현상, 품질 저하 (모바일 ..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 9. 18:58

오늘은 44일차 바로 데스데이(??) css가 확실히 필기하고 올리기엔 좋은 듯(?) 오늘배운 부분은 디자인적인 느낌이 강하다 이래서 css가 디자인에 요소라고 하셨나보다 ㅇㅅㅇ.. 이제 다시 코딩 강의도 다들어가니,, 다음 강의는 다시 피그마의 차례인가 보다 ,,^_^ 오늘 회사에서 피그마로 만들려다가 걍 포기하고 다시 xd로 간 1人.. Filters 효과 주기 - blur : 이미지에 블러처리를 해주는 효과, px의 단위 사용 - grayscale : 흑백으로 바꿔주는 효과, 단위 딱히 사용 필요 없음 - invert : 색을 반전해주는 효과 +)여러개의 효과 동시에 사용 가능, filter안에 다 넣으면 된다. *css에서 .container .item img에서 괄호 안의 width는 가로뿐만 ..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 8. 22:59

몰랐는데 어제 42일차였는데 41일차로 써놔서 후다다닥 바꿔 적었당 ㅇㅅㅇ 그러므로 오늘은 43일차..! 미션이 1주일 밖에 남지 않았다는 것은 정말 충격적이다,,, 생각보다 하루하루 잘 쓰고 있는 나 자신에게 칭찬을 건네버리기~ 오늘은 그리드에 대해서 배웠다. 그리드 하니까 웹디자인 하는 느낌이였다 ㅋㅋㅋㅋ 한번 코딩으로 웹페이지 만들어보고 싶단 생각이 처음으로 들었다! 글이 갈수록 짧아지긴 하지만,, 피그마 강의를 짧게짧게 듣고있다. 사실 피그마로 오늘은 미션일기 써야지! 하는데 적다보면 피그마는 쓸게 없다..ㅎㅅㅎ..... 코딩은 뭔가 쓰면서 하는 맛이 있는데 말입니다,,하하하하 GRID 그리드 열과 행으로 이루어져 그리드를 만든다. -x축에 해당하는 column, y축에 해당하는 row(행) -g..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 7. 21:53