전체 글 썸네일형 리스트형 [JavaScript]조건문(Conditional statement) - 조건문 조건문이 true면 실행문이 실행되고, false면 실행문이 실행되지 않는다. If (조건문) { 실행문 } - 조건문의 중첩 상위 조건문이 참이면 실행되는 실행문 안에 다른 조건문을 입력해 이중으로 판별할 수 있다. If(조건문1) { 실행문1 if(조건문2) { 실행문2 } } 예제) 실제로는 아이디가 해당 사이트에 회원가입되어있는 아이디인지, 그리고 그 아이디에 맞는 비밀번호인지 판별하게된다. 이번에는 간단하게 아이디 하나와 비밀번호 하나를 변수에 저장해 조건문을 이용해 진위여부를 판단하는 예제를 만들어보겠다. 더보기 prompt() : 페이지에 경고창이 실행되며 그 경고창 안에는 사용자가 어떤 값을 입력할 수 있다. 입력받은 값은 콘솔창에 출력된다. 더보기 prompt에서 받은 값을 c.. 더보기 [CSS] HTML에 CSS를 적용하는 3가지 방법 1. HTML문서 안에서 CSS를 적용할 태그 내에 입력하기(inline style sheet) 2. HTML 문서 안에서 태그 내에 입력하기(internal style sheet) 3. 외부 CSS 파일 연결하기(linking style sheet) 1. HTML문서 안에서 CSS를 적용할 태그 내에 입력하기. 가장 기본적인 방법이다. 태그에 style어트리뷰트의 값으로 원하는 css값을 입력한다. 빨간 테두리가 있는 박스를 만들고싶다! 적용할 css정보가 많지 않은 경우 사용하면 좋은 방법이다. 적용해야 하는 css정보가 많으면 코드가 지저분해지고 재사용이 불가능하다는 단점이 있다. 2. HTML 문서 안에서 태그 내에 입력하기 그 다음 방법은 태그를 이용하는 방법이다. 보통 빨간 테두리가 있는 박스.. 더보기 Google clone - 구글 홈페이지 따라하기 HTML 공부한 내용을 바탕으로 Google 홈페이지를 따라 만들어보겠다. 에디터는 Visual Studio Code를 사용했다. 부터 시작~! 더보기 HTML 개발환경 세팅을 위해 vscode에서 확장 프로그램 두 가지를 설치했다. 1. open in browser : html 파일을 브라우저에서 열 수 있게 하는 프로그램 html 파일에서 마우스 오른쪽 버튼 -> Open in Browser 클릭! 2. Live HTML Previwer : 실시간으로 html 미리보기를 제공한다. F1눌러서 'show live server preview'치면 오른쪽에 분할된 창이 생겨 실시간 미리보기가 제공된다. 먼저 내 작업폴더(Project)밑에 프로젝트파일(GoogleProject)를 하나 만들고 그 밑에 ht.. 더보기 마크다운이란? 마크다운 문법 / 사용법 총 정리 1. 마크다운이란? - 마크다운을 만든 사람은 존 그루버라는 사람으로 2004년에 HTML로 변환 가능한 텍스트 기반의 마크업언어를 만들었다. 마크다운은 쉽게 읽고 쓸 수 있다는 장점이 있고 특수기호와 문자를 이용하여 매우 간단한 구조의 문법을 사용해 웹에서도 보다 빠르게 컨텐츠를 작성할 수 있고 보다 직관적으로 인식할 수 있다. 최근 깃허브로 마크다운이 각광받기 시작했는데 이 깃허브의 저장소에 관한 정보를 기록하는 README.md는 깃허브를 사용하는 사람이라면 누구나 가장 먼저 접하게 되는 마크다운 문서이다. 마크다운을 통해 설치방법, 소스코드 설명, 이슈 등을 간단하게 기록하고 가독성을 높일 수 있다는 강점이 부각되며 점점 여러 곳으로 퍼져나가게 된다. 2. 마크다운의 역사 - 존 그루버는 2004.. 더보기 [HTML] 시멘틱 마크업 정보의 홍수 속에서 어떻게하면 의미있는 정보에 효율적으로 접근할 수 있을까? 의미있는 태그를 통해 브라우저와 개발자 모두가 태그만으로 문서의 구조를 이해하게 함으로써 정보 검색의 효율을 높이는 시멘틱 웹에 대해 알아보자. ' 시멘틱 마크업 ' - 시멘틱(Semantic) : 의미론적인, 의미있는 - 마크업(Markup) : 표시하다 옛날 옛적의 신문사에서는 글을 쓰는 사람과 글을 인쇄하는 사람이 따로 있었다. 글을 쓰는 사람은 글자의 크기나 굵기와 같은 효과는 직접 수정할 수 없었고 글을 인쇄하는 사람이 제목 영역의 글자의 크기를 키우거나 강조해야 하는 글자의 굵기를 굵게 하는 등의 수정을 거쳐 인쇄를 하였다. 그래서 글을 쓰는 사람은 글을 그냥 주지 않고 제목이 되는 부분, 내용이 되는 부분, 강조해야.. 더보기 [HTML] HTML의 기본 문법 1. 요소(Element) html의 요소는 시작태그(start tag)와 종료태그(end tag), 그리고 그 사이에 위치한 content로 구성된다. html 문서는 요소들의 집합으로 이루어진다. * 요소는 중첩될 수 있다. 즉, 요소는 다른 요소를 포함할 수 있다. 이때 부자관계가 성립되며 이러한 부자관계로 정보를 구조화할 수 있다. Hello World 앞선 포스팅에서 살펴봤던 기본적인 html 문서의 형태이다. - 가장 상위에 태그가 있고 그 하위 태그로 ,태그가 있다. 태그의 하위태그로 ,태그가 있다. 이러한 부자관계를 통해 문서가 구조화될 수 있고 이를 시각적으로 파악하기 쉽게 들여쓰기(indent)를 활용한다. * 빈 요소 (Empty Element) content를 가질 수 없는 요소를 .. 더보기 [HTML] HTML이란? HTML이란? HTML(HyperText Markup language)는 웹페이지를 기술하기 위한 마크업 언어를 말한다. * 마크업 언어: 태그 등을 이용하여 문서나 데이터 구조를 명기하는 언어이다. 태그로 문서의 구조를 표현하며 이러한 태그 방법의 체계를 마크업 언어라 한다. ** 그럼 마크다운은 뭘까? 이름만 봐서는 마크업의 반대개념같지만 그렇지 않다. 마크다운은 마크업 언어의 일종으로 일반 마크업 언어에 비해 사용하기 쉽게 경량화되어있다. 자세한 설명과 사용법이 궁금하다면 아래 포스팅 참고 !(•̀ᴗ•́)و ̑̑ euncoding.tistory.com/5 마크다운이란? 마크다운 문법 / 사용법 총 정리 1. 마크다운이란? - 마크다운을 만든 사람은 존 그루버라는 사람으로 2004년에 HTML로 변환.. 더보기 Hello World! 블로그를 시작하며 대학교 다닐 때 개발자는 블로그를 운영해야 한다는 교수님의 말씀에 블로그를 시작했었다. 다른 멋진 블로그들처럼 웹 상에 나의 지식을 공유하고 나의 개발 역사를 담은 포트폴리오를 만들겠다는 야무진 마음로 시작했지만 어느샌가 전공책을 그대로 블로그에 타이핑하고있는 나 자신을 발견했다. 그리고 내가 마주친 모든 오류들과 그 해결 방법을 기록해 다음번에는 같은 실수를 반복하지 않고 비슷한 오류를 맞닥뜨린 다른 사람들에게 공유하여 도움이 되보고자 하였다. 하지만 화장실 들어갈 때 마음과 나올 때 마음 다르다고 오류를 해결하고 나면 해결했다는 기쁨에 취해 해결하기까지 들인 노력과 시행착오는 더이상 돌아보고싶지 않았다. 그렇게 나의 첫 번째 블로그는 '나 이거 왜하지?' 하는 생각과 함께 9개의 포스팅으로 끝이 났다.. 더보기 이전 1 2 3 4 5 다음
