본문 바로가기

반응형

[2일차]Do it! 반응형 웹 만들기/ 46 ~ 64p / 02. px을 %로 바꾸기_01 Do it! 반응형 웹만들기 공부 2일차다. 02파트를 하루만에 끝내고 싶은 욕심이 있었지만 훑어보니 calc함수와 폰트와 멀티미디어의 가변 등 익숙하면서도 생소한 파트가 나와서 욕심을 버리고 반으로 나누어서 공부하였다. 기존의 반응형을 훑어보기 식으로만 알고 있을때에도 div나 여러 요소들을 단위가 px로 고정된 값이 아닌 %로 하여금 가변적으로 반응하도록 하고 있다는 것은 알고 있었다. 하지만 margin이나 padding 값을 고정할 수 있다는 생각을 하지 못해서 선호하지 않고 있었는데 오늘 책을 보면서 calc 함수로 고정할 수 있다는 사실을 처음 알게 되었다. 움직이는 가변패딩을 사용하는 방법 (가변 패딩을 적용할 패딩값/적용할 박스를 감싸고 있는 박스의 가로너비)*100= 가변패딩 %값 가변 .. 더보기
스터디 01일) Do it! 반응형 웹 만들기 13~45페이지 실습을 시작하기에 앞서 준비과정은 이미 갖춰진 환경이여서 훑어보는 것으로 끝내고 바로 실습으로 넘어왔습니다. 아직까지는 어려운 점 없이 무난하였습니다. 사실 STYLE 부분은 CSS로 따로 빼서 링크로 연결하는 방식을 더 선호하는 편이지만 아직은 책을 그대로 따라해보는 것이 좋다고 생각하여 그대로 따라했습니다. 기본 구조만 해보다가 반응형은 처음이여서 미디어문에서 띄워쓰기를 잘 못 하는 바람에 생각보다 오래 걸렸습니다. 사실은 미디어 문의 문제가 아니라 색상 코드에서 띄워쓰기 했던게 안먹혔던거였습니다. 올바른 코드 @media all and (min-width:768px){ body{ background:#ea6576; } } 틀린 코드 @media all and (min-width:768px){ bod.. 더보기
길벗, 어도비XD cc2020 무작정 따라하기 후기 웹디자이너가 된지 1년이 되었다. 스타트업이라고 하기에는 다소 무리가 있을 수도 있으나 어쨋거나 스타트업 기업이라고 불릴 수 있는 회사에 운이 좋아 취직을 하게 되었다. 하지만 운이 좋아 취직한 것이지. 취직했다고 안도하면 바로 썩은 물이 될 것이다. 첫 직장에서는 아주 잠깐 다녔지만 웹배너를 배웠고 시스템에 데이터 입력하는 노가다를 위주로 업무를 했기때문에 다른 디자인을 배우지 못했고 퍼블리싱 교육을 받았지만 기본 html과 css의 실무 기초 밖에 배우지 못했다. 다들 첫직장이 굉장히 중요하다고 하는데 그 이유는 첫 직장에서 배운 일이 평생에 자기 업무와 가장 잘 맞다고 생각하기 때문이라고 들었다. 그래서 그런지 지금 두 번째 직장에서는 모바일 디자인을 할 일이 거의 없음에도 불구하고 ux/ui에 욕.. 더보기