WEB
-
CSS 스터디WEB/스터디 2018. 7. 22. 00:00
출처 반응형 웹 공부 참조 블로그 링크 1 /* 스마트폰 세로 360px 이상 */ @@media all and (max-width: 360px) {} /* 스마트폰 가로/태블릿 세로 */ @media all and (min-width:361px) and (max-width:960px) {} /* 태블릿 가로 너비 961px ~ 1280px 이하일 때 */ @media all and (min-width:961px) and (max-width:1280px) {} /* 웹 128px 이상 */ @media all and (min-width:1281px) {} 위 블로그 내용을 참조한것인데, 겹치는 '공간'은 없지만,내용에 따라서 겹치는 '내용'이 생길수도 있다.따라서, 디자인에 주의해야겠다.
-
아톰 프리뷰 기능 설치(atom-html-preview)WEB/ATOM 2018. 7. 21. 15:50
출처 이번 포스팅은 아톰에서 매번 저장하고 웹브라우저에서 파일열어서 매번 새로고침해야되는게 필자는 너무너무 귀찮았다.그래서 youtube 생활코딩 CSS에서 코딩하는 장면 도중에 connected to BrowserSync 라는 글씨가 나오면서자동으로 싱크되고 웹 브라우저에서는 자동으로 아톰에서 수정한 파일을 바로바로 화면에 보여준다.아래 영상을 보면서 어떤 기능인지 알아보자. 패키지 이름atom-html-preview 패키지 설치 방법은 패키지 이름 검색해서 install 하면 끝이므로 따로 언급하지 않는다. 사용방법아톰에서 ctrl + shift + p 버튼을 누른다. 출처:필자 패키지 특징패키지를 설치하면 위와 같이 코딩화면을 미리미리 볼 수 있다. 그 외로 web browser sync기능을 이용..
-
html/css/js 스터디 - html 기본 문법, 깃헙 사용, 서버 운영WEB/스터디 2018. 7. 20. 22:46
링크 이번 시간에는 html/css/js 중에 html을 공부해봤다. 동영상Youtube, 생활의 코딩 WEB1 - html 편을 참고하여 공부하는중입니다. github를 이용해 웹 호스팅 이용하는 법bitnami를 이용해 내 컴퓨터를 서버로 이용하는법 서버 : 서비스를 제공하는 객체클라이언트 : 서비스를 이용하는 객체 서버는 판매자, 클라이언트는 구매자정도가 되겠다. 기본적인 뼈대 그리고 주로 쓰이는 키워드를 알아두면 좋다. http://127.0.0.1:8080/ 여기서 127.0.0.1은 자기 자신의 로컬 컴퓨터에 접속하는 주소다.->서버가 실행이 되어 있어야 접속이 가능하다. 단순히 컴퓨터가 켜져있다고 연결이 되는것이 아니라컴퓨터, 서버 둘 다 켜져있어야 한다. 여기서 서버를 키기 위해서 이용하는..