본문 바로가기

분류 전체보기

 (61)
[ASP.NET 공부] ASP.NET 기본 (Response, Request, Server, Session) - 짱우의 코딩일기 - 티스토리 'ASP.NET & Core를 다루는 기술'이라는 책을 통해서 ASP.NET 공부를 하기 시작했다. 아직 100쪽밖에 읽어보질 못해 평가하기는 좀 그렇지만 예제랑 설명이 적절하게 섞여서 나온 책인것 같다. 위의 책을 바탕으로 공부한 내용을 글로 쓰려 한다. ASP.NET 웹 응용 프로그램 ASP.NET 웹 페이지 하나는 디자인을 담당하는 xxx.aspx와 코드를 담당하는 xxx.aspx.cs로 표현한다. 웹 폼의 개요 ASP.NET 웹 페이지의 확장자는 xxx.aspx이며, aspx 페이지 하나를 가리켜 ASP.NET 웹 폼이라고 부른다. 일반적인 HTML 페이지는 기본 태그로 body 태그까지 두지만, ASP.NET 페이지는 body 태그 안에 form 태그를 하나 더 두고 그 안에 모든 소스 코드를 ..
[JavaScript] HTML 예제 파일 자바스크립트 적용_(2) - 짱우의 코딩일기 - 티스토리 JavaScript 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 JavaScript 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) 배열 var arr = ["arr0", "arr1"]; 다음과 같이 배열을 선언할 수 있다. JavaScript의 배열 역시 index는 0부터 시작한다. 배열 활용 배열을 이용해서 실습 예제에서 야간 모드로 화면이 전환되면 태그로 감싸져있는 글자색을 밝게, 주간 모드로 화면이 전환되면 어두운 색으로 만들 예정이다. 위와 같이 'querySelectorAll'을 이용하여 태그로 감싸..
[JavaScript] HTML 예제 파일 자바스크립트 적용 JavaScript 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 JavaScript 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) 'night', 'day'라는 버튼을 만들어서 'night' 버튼을 클릭하면 자바스크립트를 이용해서 웹 페잊디 배경을 검정화면으로 만들어줄거고 'day' 버튼을 누르면 배경을 다시 하얀화면으로 만들어주는 실습을 할 예정이다. 'night' 버튼과 'day' 버튼 만들기 3.html ( JavaScript 관련 페이지 )에 자바스크립트를 구현할 예정이다. ... 생략 ... WEB ...
[CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습_미디어쿼리)_(4) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. 그리고 이전에 CSS를 적용시키는 실습 예제 같은 경우에는 밑의 링크의 글에 게시되어있다. 2020/01/16 - [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 CSS 공부..
[CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(3) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. 그리고 이전에 CSS를 적용시키는 실습 예제 같은 경우에는 밑의 링크의 글에 게시되어있다. 2020/01/16 - [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 CSS 공부..
[CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. HTML ( CSS에 대한 페이지 ) 디자인 태그의 아래쪽 테두리 만들기 ... 생략 ... h1 { font-size: 45px; text-align: center; border-bottom: 1px solid gray; } ... 생략 ... 위의 출력 화면을 보게 되면 위쪽 공간은 넓고, 아래쪽 공간은 좁다. 이를 해결하기 위..
[CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(style, color, text-decoration, class, id, border, padding, margin)_(1) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. ... 생략 ... 태그의 밑줄 없애기, 제목 가운데 정렬 및 글자 크기 키우기 ... 생략 ... ... 생략 ... 태그를 걸면 해당 글자에 밑줄이 쳐져 있는데 이를 없애기 위해서는 'text-decoration: none;' CSS 코드를 추가해주면 된다. 글자의 정렬은 text-align을 사용하면 된다. 현재 머물고 있는 ..
[HTML] 기본 문법과 태그_(2) (<li>, <title>, <meta>, <head>, <body>, <html>, <a>) - 짱우의 코딩일기 - 티스토리 HTML 기본 문법과 태그에 대해서 글을 남겨보려는데 생각보다 글이 길어져서 두 개로 나눠서 작성해보았다. HTML 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 원래 밑에 링크를 걸어놓으려 했지만 해당 링크의 제목에 태그가 들어가기 때문에 게시글이 이쁘지 않게 작성이된다. 링크 따라서 위의 글씨에 링크를 걸어놓았다. 부모 자식과 목록 태그를 이용해 목차 만들기 1. HTML 2. CSS 3. JavaScript HTML Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed ..

티스토리툴바