테이블 관련 태그들을 정리해보겠습니다! 테이블 태그 : 테이블을 이루는 태그 : table head, 제목을 적는 태그 (굵은 글씨체, 글이 중앙 정렬됨) : table row, 테이블의 행을 만드는 태그 (글이 왼쪽 정렬됨) : table data, 내용을 적는 태그 (글이 왼쪽 정렬됨) 예시) 열이름1 열이름2 열이름3 내용1 내용2 내용3 테이블 제목 : 테이블 제목을 적는 태그 예시) 테이블 제목 열이름1 열이름2 열이름3 내용1 내용2 내용3 테이블 열 합치기, 행 합치기 : 입력한 수많은 가로로 셀을 합친다 : 입력한 수만큼 세로로 셀을 합친다. 예시) 열 합치기 1 3 4 5 6 행 합치기 1 2 3 5 6 열/행 합치기 응용 1 2 5 8 9 10 11 이상 테이블 태그에 대해서 알아보았습..

html 리스트 사용 방법을 정리해보겠습니다. 리스트 태그 1. 순서가 없는 리스트(unordered list) - ul 태그 사용방법 내용 내용 내용 내용 출력 모습 1-1. 리스트 스타일 변경, 모양 변경 - disc : 검은색 작은 원 모양 (기본 설정) - circle : 흰색 작은 원 모양 - square : 사각형 모양 사용방법 내용 내용 내용 내용 출력 모습 2. 순서가 있는 리스트(ordered list) - ol 태그 사용방법 내용 내용 내용 내용 출력 모습 2-1. 리스트 숫자 바꾸기, 스타일 변경 - decimal : 숫자 (기본설정) - upper-alpha : 영문 대문자 - lower-alpha : 영문 소문자 - upper-roman : 로마 숫자 대문자 - lower-roma..

자주 사용하는 링크와 이미지를 삽입하는 방법입니다. 링크 삽입 기본적인 방법 : 예) target 속성 값 추가 (어디에서 열 것인가 명시) 예) _blank : 새 창이나 새 탭에서 오픈. _self : 현재 프레임에서 오픈. (기본) _parent : 부모 프레임(frame)에서 오픈. _top : 현재 창의 가장 상위 프레임(frame)에서 오픈. 프레임(frame) : 이름 링크로 연결된 문서를 지정된 프레임(frame)에서 오픈. tistory tistory 01Style Page 01Style page 바로 위에 링크를 눌렀을 때 아래에서 실행됨 이미지 삽입 기본적인 사용 방법 : 예) 현재 이미지가 저장된 폴더는 이렇게 되어있습니다. 월드 와이드 웹(World Wide Web, WWW, W3..

html 기본 요소 중 스타일에서 변경할 수 있는 간단한 것들을 정리해보겠습니다 스타일 적용 기본적인 스타일 적용방법 : 사용 예시) 회색 글자 - div 안의 글자는 회색으로 표현 배경색 속성 : background-color 글자색 속성 : color 글자크기 속성 : font-size 문단 정렬 속성 : text-align 문단 정렬 속성 값 : center, left, right *구분을 위해 스타일 태그에 외각선을 그렸습니다* 제목 제목 제목 제목 제목 제목 제목 제목

html 문법에 사용되는 특수문자들을 표현하는 방법입니다. 예약어라고도 하는 문자를 나타는 방법을 정리해보겠습니다. 예약어 사용(엔티티 사용) 줄 바꿈 없는 공백 : 단락 태그 : 수평줄 태그 AND 기호 : & 공백 하나이상 띄우기 공백 하나이상 띄우기 주석 사용 : 주석 표현 주석 밖의 글입니다. 주석 밖의 글입니다. 주석 안에 주석을 넣어서 주석으로 표현되지 못한 부분입니다 -->

기본적인 서식 태그에 대해서 정리해보겠습니다! 서식 태그 : 진하게 강조 : 진하게 강조 : 기울임 : 기울임 : 하이라이트 적용 : 밑줄 표시 : 삭제 표시 : 윗 첨자 : 아래 첨자 Strong : 이곳이 강조되는 부분입니다 b : 이곳이 강조되는 부분입니다 i : 이곳이 기울임 태그 적용 위치입니다 mark : 이곳이 하이라이팅 태그 적용위치입니다 ins : 이곳에 밑줄 표시가 됩니다 del : 이곳이 삭제 표시가 됩니다 윗 첨자 : (x + y)2 = x2 + 2xy + y2 아래 첨자 : log2f(x) = logag(x) 서식태그를 정리해보았습니다!

본격적으로 태그를 사용해보고 웹페이지를 구성해보겠습니다! 제목 태그 제목을 적을 때 사용하는 태그입니다. 의 형태로 나타내고 숫자에 따라서 제목의 크기가 달라집니다. : 제목 적기 : h1보다 작은 제목 적기 : h2보다 작은 제목 적기 ...... Hello World Hello World Hello World Hello World Hello World 단락 태그 단락이나 줄 바꿈 수평줄과 관련된 태그들입니다. : 수평줄 긋기 : 줄바꿈 : 단락 구분 : 띄어쓰기 수평줄 Hello World!! Hello World!! Hello World!! Hello World!! p태그로 위아래 단락 구분 pre 태그로 띄어쓰기와 줄바꿈을 할 수 있게 해줍니다 pre 태그로 띄어쓰기와 줄바꿈을 할 수 있게 해줍니..

이제 본격적으로 시작을 해보겠습니다. 먼저는 html 코딩을 위한 환경을 준비해야겠죠? 크롬(Chrome) 브라우저와 비주얼 스튜디오 코드(Visual Studio Code)를 설치하겠습니다. 크롬 브라우저는 여러 방면에 장점이 많고 특히 웹 개발에 유용한 많은 툴을 제공해주고 있어 현재 원탑을 달리고 있는 브라우저입니다. 비주얼 스튜디오 코드는 기본적으로 무료이고 구문 강조에 거의 대부분의 주요 프로그래밍 언어를 지원하는 접근성도 좋은 에디터입니다. 크롬 브라우저 설치 https://www.google.co.kr/chrome/?brand=IBEF&gclid=Cj0KCQiAy4eNBhCaARIsAFDVtI3Pxpd51DBqk0WPG-KLRwQrdFqFJW2T8GvZAW6CmdT-nBGpv8oS82IaAg..

이제 목표로 했던 개념 정리를 한번 시작해볼까 합니다. 시작하기에 앞서 어떤 걸 하느냐가 중요하겠죠? 일단 제가 선택한 파트는 백엔드 개발자입니다. 학교 수업을 통해서 웹 프로그래밍이 가장 관심이 갔었고 학원에서 진로상담을 받던 중 제가 꽂혔던 분야는 백엔드 개발자였습니다. 일단 가장 마음에 들었던 것은 학원 커리큘럼이 자바와 스프링 프레임워크에 맞춰져 있었고 저도 가장 익숙하고 그나마 자신이 있었던 언어가 자바였기에 여러 가지 부분이 맞아떨어져 이 분야를 파기로 결심을 했습니다. 파이썬과 장고 쪽도 고민이 되었는데 특이하게 학교 수업 커리큘럼 상에 파이썬이 없더라고요 ㅋㅋㅋ;;; 저를 더 당황하게 했던 것은 파이썬을 배우지는 않았지만 과제는 파이썬으로 해야하는....ㅎㅎ;; 구글에서 끄적끄적 배워서 과..

ICT 이노베이션 스퀘어가 운영하는 전략기술세미나 블록체인 파트를 들으러 학교에 다녀왔습니다. 요즘 비트코인이다 뭐 다해서 각광받고 있는 기술이니 만큼 원래부터 궁금한 점이 많았던 블록체인 기술이었지만 개념만 잠시 잡아보고 까먹었던 상태였습니다. 그래서 이번 기회에 한 번 제대로 들어보자는 마음이 들더라고요 ㅎㅎ. 사실은 학교 수업의 연계로 수업시간에 특강을 듣는 것으로 교수님이 대체를 해서 간 거지만 나름 흥미로운 시간이었습니다. 강의도 교수님께서 직접 하시더라고요. 평소에 좋아하던 교수님(수업은 어렵지만 학생들에게 많은 도움을 주고자 하는 것이 느껴지는 분이심)이라 집중도 더 잘 되었고요. 그래서 특강 때 들은 내용을 조금이나마 정리해볼까 합니다!! ✍ 블록체인의 등장배경 혹시 사이버펑크라고 들어보셨..