올리비아 코딩스쿨

웹디자인을 위한 코드를 작성하기 전에 먼저 설계를 해야하는 데, 신속하고 대략적으로 웹 디자인을 하기 위해서 와이어프레임을 한다. 연필과 종이를 이용해 아이디어를 스케치하는 것을 와이어프레임이라고 한다. 와이어프레임을 하는데 도움이 되는 사이트를 소개한다. 모두 무료이다. https://sneakpeekit.com/ Sneakpeekit Sketch Sheets Printable Grids for Design Wireframing sneakpeekit.com 나의 인사이트가 담긴 아이디어를 스케치해보자. 태블릿, 모바일, 데스크탑 등 원하는 화면을 다운로드할 수 있고 zip파일로 다운로드 받으면, 압축파일을 풀어서 인쇄하거나 태블릿에 옮겨서 활용하면 된다. 그리드도 있어서, 편리하다.

디자이너가 포트폴리오를 올리는 곳인데 웹디자인 뿐만 아니라, 일러스트레이션, 브랜딩, 에니메이션, 제품 디자인, 타이포그래피 등 다양한 작품들을 구경할 수 있다. https://dribbble.com/ Dribbble - Discover the World’s Top Designers & Creative Professionals Vacation Home Illustrated Icons dribbble.com 현직 및 아마추어 디자이너들이 그들의 포트폴리오를 올리는 곳이기 때문에 신상의 다양한 아이디어들의 프로토타입, 애니메이션 등이 많기 때문에 인사이트를 얻기에 좋다. 또 다른 장점은 검색할 수 있는 방법이 다양하다는 점이다. tag, color, timeframe, download 등 다양한 방식으로 검..

https://ui-patterns.com/ UI-Patterns.com Find inspiration and influence from years of carefully curated collections of great design. Find out what works for you and what doesn't work. Compare and inspect a multitude of implementation examples of the problem you're trying to solve. Gaze over great ui-patterns.com 오래되었기는 하지만, 다양한 디자인 패턴을 그룹별로 볼 수 있어 웹개발에서 설계를 할 때 조금은 유용한 사이트를 소개한다. 위의 웹사이트에 가면 사람들..

부트스트랩은 CDN을 사용하기 때문에, bootstrap의 데이터를 다운로드하는 속도가 빠르다. 그리고 만약 사용자가 과거에 해당 데이터를 캐시했다면 속도는 더욱 빠를 것이다. 관련 설명 --------------------->클릭 지금부터 부트스트랩을 설치하는 두 가지 방법을 소개한다. 첫 번째, 공식문서에 올려진 코드를 붙여넣는다. 다큐먼트 ------------->클릭 1)CSS 예컨데 CSS파일을 설치한다고 하면, stylesheet link를 head 부분에 붙여넣는다. 붙여넣을 link 코드이다. 아톰에서 index.html파일의 head부분에 넣는다, body의 h1태그에 "안녕 올리비아"라고 써보자. 그러면 다른 CSS를 덧붙이지 않았음에도, 부트스트랩 CSS가 적용되어 화면에 나타나는 것..

인터넷 인터넷은 모든 해저 케이블을 통해 국가와 국가 간에 연결되어 있고, 통신이 전달된다. 아래의 그림은 우리나라의 인터넷이 타 국가들과 어떻게 연결되어 있는지 보여주는 그림이다. submarinecablemap.com에서 볼 수 있다,-------------->클릭 예를 들어 내가 접속하고자하는 웹사이트 서버가 캄보디아에 있다고 하자. 대한민국에서 내가 요청을 보내면, 해양케이블을 여러번 통과해서 캄보디아에 도착한다. 해당 요청이 수신되면 서버는 HTML, CSS, Javascript 같은 파일을 대한민국의 내 브라우저로 인터넷을 통과해 보내고, 내 웹사이트에 표시된다 이 경로는 마치 해외여행을 가는 것과 같다. 그곳까지 가는데 그리고 돌아오는데 긴긴 과정을 거쳐야 한다. 경로가 길 수록 초고속 인터..