이진욱의코딩

이번 시간은 여러 가지 테두리 사용법과 background적용에 대해서 알아보도록 하겠습니다. 테두리라고 하면 border을 말하는 것쯤은 알고 있을 거라고 생각합니다. 보통 border값을 정할때는 border: 10px solid pink; 이런 식으로 solid를 많이 쓰지만 이번 시간에는 여러 가지 선종류에 대해서 알려드리겠습니다. 선종류로는 solid, dotted, dashed, double ridge, groove, inset, outset 등이 존재합니다. 하나씩 입력해보시면서 변화를 보시면 좋을 겁니다. 그리고 한번 응용도 해보도록 하겠습니다. 우리가 이번에 만들 것을 먼저 보도록 하지요. 결과물입니다. 이것을 앞서 배웠던 내용을 바탕으로 한번 만들어보세요!! 결과 코드는 밑에 적어놓겠습..

이번 시간에는 html의 여러 가지 속성에 대해 차례대로 알아보는 시간을 가지도록 하겠습니다. 1.box-sizing 2.display 3.visibility_opacity 1.box-sizing box-sizing속성은 padding적용시 넓이, 높이에 영향을 주는 것을 방지하는 속성입니다. 인터넷 익스플로어9,10버전 이상만 사용 가능하고 그 전 버전 들은 사용 불가능입니다. Lorem ipsum dolor sit amet consectetur. Lorem ipsum . style태그에 first, last-child속성을 적어서 서로 인접한 두 도형의 간격을 조정합니다. 2.display 여러 가지 도형들을 세로로 배치할 때 사용되는 속성입니다. 가로로 배치하는 일은 드물기 때문에 가로배치를 하면 ..

이번 시간에는 css의 여러 가지 속성에 대해 알아보도록 하겠습니다. 목차 1. 단위크기 2. 단위 색상 3. 단위 url 4. 박스 5. margin, padding 1. 단위 크기 일반적으로 css로 스타일을 줬을 때 기본적으로 설정된 h1태그의 폰트 사이즈는 32px이고, p태그의 폰트사이즈는 16px입니다. h1{font-size: 32px;} p{font-size: 16px;} style태그에서 변화를 줬을 때 css는 부모 폰트의 크기를 기준으로 설정합니다. Lorem, ipsum. Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem..

이번 시간부터는 node.js를 설치해서 사용하는 방법에 대해 포스팅하겠습니다. 우선 node.js를 설치부터 합니다. 제가 지금 컴퓨터가 window10이기 때문에 window10을 기준으로 설명드리겠습니다. 설치방법은 간단합니다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 이사이트에 접속을 해서 다운로드하시면 됩니다. 사이트에 접속하시면 첫화면이 이렇게 되어있을 거예요. 좌측은 최신 버전이지만 개발 공부를 목적으로는 굳이 최신 버전을 설치할 필요가 없습니다. 안정성면에서 아직 다듬어지지 않았기 때문이죠. 따라서 예제를 위해서는 좌측에 있는 ..

저번 시간까지 우리의 ajax를 이용해서 리로드 없이 정보를 부분적으로 변경할 수 있게 되었습니다만, 사용자가 자신이 보고 있는 정보를 다른 사람에게 공유할 수는 없게 되었습니다. 이런 문제를 개선하는 방법을 알아보겠습니다. 우리는 fragment identifier를 이용해서 초기페이지 구현과 적용방법에 대해 알아볼 예정입니다. 사용자가 들어와서 하나하나 내비게이션을 해서 정보를 보는 것뿐만 아니라 주소가 페이지별로 달라지는 것을 통해서 주소를 공유할 수 있는 측면이 있지만 여러 가지 한계가 있습니다. 이 부분에 대해 원시적인 접근방법과 근본적인 해결방법을 살펴보겠습니다. 우선 원시적 방법부터 살펴보도록 하죠 만약 3 문단의 장문의 글이 존재할 때 사용자가 마지막 3번째 문단에 접근하고 싶을 때 url..

저번 ajax에 이어서 계속 포스팅하겠습니다. 이제 서버로 데이터를 주고받는 기본을 했으니 이번에는 응용을 해보도록 하겠습니다. 우선 저번 코드부터 살펴보겠습니다. WEB HTML CSS JavaScript 이 코드를 잘 보시면 중복되는 부분이 있습니다. 바로 이부분이죠.