She is gone because she is goun

오늘은 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

오늘 피그마 듣다가,,도저히 잘 모르겠기도 하고,, 아직 내가 그걸 배울 단계가 아닌거 같아서 ㅎ-ㅎ 피그마 3개 듣다가 때려치고 코딩으로 갈아탔다 ㅋㅋㅋㅋ 피그마는 갈길이 멀고,,뭔가 좀 정리가 안되는 느낌이다 코딩쌤은 정리가 팍팍되서 좀 답답해서 코딩수업 들으러옴(!!) 코딩 진짜 싫어헀는데 그래도 이 선생님 칭찬한다,, 진짜 프론트엔드 재밌게 생각하게 되는 수업은 처음이였다 명료하게 잘 설명해주시고 핵심 잘찝어준다...! CSS 속성(Properties) : css에는 속성이 엄청 많아서 다 이해는 어렵다. 1. 박스모델 : 어떤 화면에 보이는 하나의 박스를 가로너비와 세로너비를 지정하고, 모퉁이 주고 사각형을 제어하는 요소들 (width, height) 2. 글꼴, 문자 : 글꼴들을 적용할 수 있..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 3. 1. 23:38

36일차! 36일차는 일찍일찍 쓴다 왜냐면 다음날 삼일절이여서 친구들과 호캉스 약속이 있어서,, 미리쓰고 가는 나의 일,,기,,, 사실 챌린지는 잠자기 전에 써야 제맛이긴하다 뭔가 하루를 돌아보는 느낌이여서,, 하지만 내일은 서울까지 호텔을 가야하기 땜에 절대적 시간 불가능이 될 듯해서,, 거기다 화요일 휴무여서 월요일에 일 폭탄예정^_____^! 오늘은 구글 스프레드시트 배웠는데, 넘 어렵다 내가 이걸 쓰긴 할까,,? 라고 생각이 든다 ㅎㅎㅎㅎ 피그마 폰트 활용법 폰트를 선택하는데는 여러가지 이유가 있다. https://fonts.google.com/ 저작권에 상관 없으니 마음대로 사용 가능하다. 여기에서 폰트를 찾아 사용하는 것을 추천한다. 모바일 UI에 많이 사용되는 것은 NOTO SANS! cjk..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 2. 28. 00:03

오늘은 피그마를 켜봤기 때문에 이쁜 썸네일 하나를 만들어보았다 ㅎ.ㅎ 약간 유튜브에서 검색해볼만한 플러그인 추천 관련 영상이였다 ㅋㅋㅋㅋ 이 중 내가 가장 맘에 들었던 플러그인은 사진이랑 예시글 써주는거 !! 맨날 예시로 쓸 때 지어내서 지인들 이름 팔아먹었는데 한번 써봐야지 근데 영어여서 안쓸 것 같기둥..ㅎㅎ 피그마 플러그인 :기본기능에서 지원하지 않는것들을 가능하게 해주는 서브툴 -커뮤니티나 플러그인 둘 중 아무거나 들어가면 된다. 1.Arrow auto 화살표를 만들어주는 툴 아마 어플이나 그럴 때 많이 쓰일 것 같다. 그냥 레이어 2개 잡고 LINK 클릭하면 바로 화살표가 만들어진다. 색이랑 두께같은거는 지정 가능~! 2.Chart 차트들을 쉽게 그릴 수 있게 해주는 툴 (+charts라는 툴도..

UXUI DESIGN/UXUI DESIGN - STUDY 2022. 2. 27. 23:24