She is gone because she is goun

오늘은 선거날~ 쉬는날 기념으로 동네친구들 만나고, 대학애들도 만났다 살짝 음주기운으로 쓰는 음주챌린지 일기 ~^_^ 웹 이미지 종류,,아주 중요한,,,!! 이미지에는 아주 다양한 종류들이 있는데 맨날 어도비 일러스트에서 웹 이미지 종류가 뭐지무ㅓ지 하다가 제대로 처음 알았당 ㅋ.ㅋ;... 나 반성해라..! 이미지 불러오기 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

오늘은 41일차! 9일 남았당 ㅎㅎ 오늘은 뺑글뺑글 돌아가고 각도가 변화되는 기능에 대해 배웠다 되게 어렵고 개발자가 대단해보이는 기능이였는데 막상 해보니까별거 아니였다 ㅎㅅㅎ 진짜 진지하게 이쪽으로 갈까,,다시,,, 싶지만,,,후 2년은 채워서 경력을 만들어야 하기에,, 악 모르곘다 인생,, transtorm -rotate : 회전을 시켜주는 함수, 추가적인 함수를 띄워쓰기를 통해 구분 rotateX는 3차원 x축으로 움직인다. => 하지만 perspective꼭 이용해야한다. -scale(x,y) : x만큼 커지는 것, y배 만큼 가로로 늘어난다. -hover : 마우스를 가져다대면 그제서야 rotate와 scale이 적용되는 것 -transition :1x => 전상태와 후상태를 자연스럽게 만들어줌..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 6. 22:20

오랜만에 대학생 때 일했던 학원 선생님들과 만나고, 안과가서 10만원 뜯기고, 강남에서 매드포갈릭 먹고 돌아와서 쓰는 일기이자 공부챌린지 !_! 어제 글자수평이 안되어서 궁금해했던 찰나에 오늘 딱 그 강의를 듣게 되었다. 아주 간단하고 쉬웠지만 용어는 매우 낯설었던 ㅋㅋㅋ 어제 text-align 아닐까 하고 시도해봤는데 전혀 아니였구, align-item과 justify-content였다! FLEX 정렬 지금 배우면서 우리가 만드는 코딩은 block요소이며, block 요소일 때(아마div를 말하시는 듯) 요소는 위에서부터 아래로, 수직으로! 쌓인다. 하지만 수평으로 만들고 싶을 때 FLEX를 사용하게 된다. 우선 CSS에서 .container 첫번째에 display:flex;를 입력한다. *부모요소에..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 5. 23:44

거의 다쓰고 사진 첨부할려했는데 글이 날라가버려서 매우 속상...ㅠ-ㅠ 원래 소개글 처음에 일기처럼 쓰는 맛이 있는데,, 뭔가 아까 썼던거 또쓰니까 노잼이고 해서 그냥 pass할련다 내일은 사전투표 하러갈 것이다 그래서 코딩 예제를 대통령 유력후보 2명으로 만들어봤다 (이왕 하는거 재밌게 하려고,,,) 오늘 배운 코딩은 position인데 반응형 웹에서 자주 쓰일거 같아서 아주 좋은 기능인 것 같다 ㅎㅎ 항상 어렵게만 느껴졌던 코딩인데 패캠 프론트엔드 쌤이 한개도 안어렵게 알려줘서 이해가 아주 쏙쏙 되는 중;; (광고 아닙니다 별로면 별로라고 합니다!ㅎㅅㅎ) position 요소 배치 해당하는 요소를 기준으로 배치한다. -relative : 부모요소에 position 값이 있어야 기준이 된다. -abso..

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

오늘은 39일차 룰루! 벌써 40일차가 내일이라니 두근,,, 퇴근하고 역시 집에오면 기진맥진,, 헬스장 끊고 회사에 운동지원금 신청할려고 영수증 깜빡해서 다시 갔다왔따-! 다이어트 다시 시작.......! 회사에서 요즘 웹디자인쪽 거의 안하고 인쇄물쪽만 하고있다 ^_^ 근데 난 인쇄물도 레이아웃을 잡는 면에선 넘 재밌다 포토샵 잔뜩 뿌리는거만 빼면 말이다 하하하하하 css중에 배경이미지 넣는 것을 배웠다. BACKGROUND 넣는 법 및 용어 1. http://heropy.blog로 접속해서 개발자 도구(f12)를 열고 왼쪽 하단에 선택 메뉴를 눌른다. 2. 로고 부분을 선택한다. 3. 오른쪽에 로고 이미지 주소를 우클릭해 open in new tab을 클릭한다. 4. 페이지를 열고 위쪽에 있는 코드를 ..

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

오늘은 넘 기진맥진한 날,, 퇴근하고 동생 이사를 도와주고 (내가 무슨 택시도 아니고..) 왔다 ^^.. 그래서 강의를 많이 안듣고 짧은거 한개만 들었당,, (이런 날도 있는 거지,,,,,) 듣고 있는데 심지어 내가 어제 스스로 해버린 것도 있다 ㅋㅋㅋ 아니 이게이렇게 된다고? 하면서 되었던 것 ㅋ.,ㅋㅋ.ㅋㅋ 코딩 재밌다,,! 선생님 짱,,! 글꼴 문자 어제 배웠던 내용대로 html에 item 3개를 입력해준다. *html monday tuesday sunday *css .container 와 .container .item 2개로 구분해놓는다. +)css 설정에서 reset css base를 설정해둔다. -폰트의 기본 크기는 16px이다. 이것을 기본으로 생각하고 적용할 것 -컬러는 폰트컬러나 텍스트가..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 2. 21:56