본문 바로가기

공부

20210519_ flew속성 공부 flew 속성 어려움, 주의해서 다시 볼 것. DOCTYPE html> Document body{background-color: #3d84b8;} .parent{ border: 1px solid white; height: 700px; display: flex; flex-direction: row; /*기본이 nowrap고 wrap 컨텐츠 크기가 넘어가면 밑줄로 넘어감*/ flex-wrap: wrap; /*justify-content center 메인축 아이템들을 정렬한다. 기본값이 flew-start, space-between 양끝맞춤*/ justify-content: center; /*stretch가 기본값, 교차 축 아이템 */ align-items: flex-start; /*stretch 기본값, .. 더보기
스터디 01일) Do it! 반응형 웹 만들기 13~45페이지 실습을 시작하기에 앞서 준비과정은 이미 갖춰진 환경이여서 훑어보는 것으로 끝내고 바로 실습으로 넘어왔습니다. 아직까지는 어려운 점 없이 무난하였습니다. 사실 STYLE 부분은 CSS로 따로 빼서 링크로 연결하는 방식을 더 선호하는 편이지만 아직은 책을 그대로 따라해보는 것이 좋다고 생각하여 그대로 따라했습니다. 기본 구조만 해보다가 반응형은 처음이여서 미디어문에서 띄워쓰기를 잘 못 하는 바람에 생각보다 오래 걸렸습니다. 사실은 미디어 문의 문제가 아니라 색상 코드에서 띄워쓰기 했던게 안먹혔던거였습니다. 올바른 코드 @media all and (min-width:768px){ body{ background:#ea6576; } } 틀린 코드 @media all and (min-width:768px){ bod.. 더보기
xd 객체 내보내기(개발자에게 jpg보내주기) 얼마전 adobe XD를 입문하면서 기본툴을 다 익히고 ux/ui 따라하기를 하고 있었다. 근데 난 크게 간과하고 있었던게 있었다. 디자인을 다 해도 ui를 개발자에게 주지 못하면 말짱 도로묵이 아닌가..;; 책을 아무리 찾아봐도 내보내기나 플러그인에 대해서는 알려주지 않아서 플러그인은 유튭 강의를 보았고 내보내기는 어쩌다보니 찾게되었다. 내보내기란 포토샵이나 일러스트에서 아이콘을 디자인하여 개발자에게 전달해주면 jpg나 png 이미지 파일로 전달받아 개발을 시작하는데 이때 이미지로 주는 것을 객체라 부르고 저장하는 것을 내보내기로 한다. 아이콘은 직접 제작해도 되고 플러그인에서 unDraw를 다운해서 사용해도 되고 일러스트에서 제작한 파일을 복사해서 붙여넣어도 무관하다. 홈버튼을 눌러 내보내기를 누르고.. 더보기
dothome 무료 호스팅 신청하기 DO IT 반응형 웹 만들기 책 공부를 시작하였다. 기존에는 PC버전만 유지보수 조금 하는 수준이여서 유튜브로 강의를 찾아 보았으나 순서가 짬뽕이되니 잘 모르겠어서 책을 구매한 후 무작정 따라하기를 시작하였다. 공부하기에 앞서 무료 호스팅을 신청해보았다. 사실 기존에 무료호스팅 쓰고 있는게 있었으나 나태하게 도태되는 사이에 기간이 만료되고 안에 자료를 복구해두지 않아서 다 날아갔다.. 덕분에 깨끗하게 새로 공부를 시작할 수 있게 되었다^0^ https://www.dothome.co.kr/web/free/index.php 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.. 더보기
길벗, 어도비XD cc2020 무작정 따라하기 후기 웹디자이너가 된지 1년이 되었다. 스타트업이라고 하기에는 다소 무리가 있을 수도 있으나 어쨋거나 스타트업 기업이라고 불릴 수 있는 회사에 운이 좋아 취직을 하게 되었다. 하지만 운이 좋아 취직한 것이지. 취직했다고 안도하면 바로 썩은 물이 될 것이다. 첫 직장에서는 아주 잠깐 다녔지만 웹배너를 배웠고 시스템에 데이터 입력하는 노가다를 위주로 업무를 했기때문에 다른 디자인을 배우지 못했고 퍼블리싱 교육을 받았지만 기본 html과 css의 실무 기초 밖에 배우지 못했다. 다들 첫직장이 굉장히 중요하다고 하는데 그 이유는 첫 직장에서 배운 일이 평생에 자기 업무와 가장 잘 맞다고 생각하기 때문이라고 들었다. 그래서 그런지 지금 두 번째 직장에서는 모바일 디자인을 할 일이 거의 없음에도 불구하고 ux/ui에 욕.. 더보기
클래스101_ 조맹작가님의 크로키 수업, 삐뚤빼뚤 시간에 따른 크로키와 얼굴구조 그리기 DAY02 생각보다 빠르게 다음 수업을 들었다. 지금 워낙 배우고 싶은 욕심이 많다보니 일주일의 공백이 있을꺼라 생각했지만 당초 계획보다 빠르게 수업을 접하고 포스팅을 하게 되었다. CLASS01 ▶ 03 시간에 따른 크로키, 삐뚤빼뚤한 자신의 그림 좋아하기 이번 강의까지는 아무래도 선의 느낌과 자신만의 그림을 알아가는 강의인것 같다. 작가님이 계속해서 그림을 그릴때 자기가 맘에 들었던 부분을 찾아보라고 하셨고 빠른시간 안에 그리되 너무 똑같이 그리지 않아도 되고 비율이 안맞아도 되니 되도록이면 수정하지 말고 그려보라고 하셨기때문에 챕터01에서는 빠른 시간안에 틀리는것을 두려워하지 않고 그릴 수 있도록 하는 것이 작가님의 뜻이 아닐까? 라고 추측해본다. 이번 강의에서는 1분 그리기, 3분 그리기, 5분 그리기를 하.. 더보기
클래스101_ 조맹작가님의 크로키 수업 아무것도 모르지만 크로키를 해보자! Day .01 드디어 기다리던 조맹작가님의 드로잉 수업이 시작되었다. 점심시간부터 강의를 들을 수 있다고 했으나 준비물이 모두 회사에 있고 집중해서 듣고 싶은 마음에 퇴근만을 기다린 것 같다. 오늘 커리큘럼 4개를 들었는대 결론은 너무 재밌다. 가볍게 2강만 듣고 해야할 것이 많아서 다른것을 하려고 하였으나 어쩌다보니 4개의 강의나 듣게 되었고, 정신을 차리니 이미 1시간이 훌쩍 지나가 있었다. ㅜㅜㅜㅜㅜㅜ 드로잉 수업 가볍게 듣고 반응형 공부하고 일본어 공부 단어 공부 조금하고 블로깅하고 리플렛 제작을 하려 했는데 할게 너무많다.. 커리큘럼 1일차! 가볍게 인사말과 준비물까지만 준비하고 내일부터 크로키가 뭐예요?를 들으려고 했지만,, 크로키를 하는 방법과 이유까지 듣고 그림을 더 그리고 싶은 욕구가 생겼으나 시간에 .. 더보기
클래스101, 조맹의 드로잉 수업 Day 00, 준비물 받았습니다. 기다리고 있던 드로잉 클래스 준비물이 도착했습니다. 과연 드로잉 수업이라해서 크로키 북 같은 준비물을 기대하며 두근두근 하는 마음으로 퇴근을 하고 왔습니다. 택배가 온다는 카톡을 받고 업무시간 로젠택배라 조금 띠용,,하는 마음이 있었지만 (몇 년전 택배를 그렇게 잃어버린 적이 있어서 다소 불안했지만,, ) 그래도 별 일 있겠어? 하는 마음으로 퇴근 시간만을 기다리고 오늘은 걷지도 않고 버스를 타고 서둘러 퇴근하였다. 하지만 나를 기다리고 있던 것은 찌그러진 택배 1차로 화가 났지만 그래도 택배를 까볼때까지는 모르는 일 침착하게 박스를 뜯어보았고 다행이 내용물에는 전혀 문제가 없어 보였다. 박스를 뜯어보니 이런 봉투가 하나 들어있었다. 안에 작가님만의 크로키 북이 들어있을까? 아니면 어떤 재료가 들어있을까.. 더보기
내가 잘 그릴 수 있을까? 클래스101로 신청한 크로키 수업 초등학생때부터 그림그리는 것에 관심이 많았다. 초등학생부터 중고등학교때까지는 캐릭터를 많이 그렸고 거기에 따른 스토리도 많이 담았었다. 언젠가는 그 캐릭터들로 스티커나 문구, 팬시류를 제작하는게 꿈이였지만 고등학생이 된 나는 가족들의 반대와 내가 잘 할 수 없을꺼라는 생각에 미술의 꿈을 접고 집에서 원하는 집근처 전문대학을 가게 되었다. 그 당시의 나는 무언갈 하려하면 니가 할 수 있을꺼 같냐, 니가 그림을 잘 그리는거 같냐, 오빠 친구들은 다 니보다 잘그린다. 그런 이야기들로 자신감도 없었고 초등학생때 열심히 만들어 간 미술작품을 오빠는 바로 쓰레기통으로 버렸더랬다. 그때의 충격이 아직도 마음속에 남아있지만 그럼에도 불구하고 나는 아직도 그림을 배워보고 싶고 무언갈 만들어서 판매해보고 싶다는 욕구가 강.. 더보기
자바스크립트) 오늘의 요일 switch문으로 표현 코드는 디버그창에서 확인하세요 f12 더보기