본문 바로가기
반응형

분류 전체보기

 (136)
[HTML] 코코아톡 클론 코딩 | 3일차 (1) | HTML 문서의 기본 구조와 HTML 요소 구조 ■ html의 기본 구조 HTML 문서는 여러 요소(element)로 구성된다. 상위 요소에 하위 요소가 포함되는 형식으로 구성된다. - : DTD(Document Type Definition, 문서 형식 정의) 선언. 이 문서의 타입이 html이라는 걸 선언한다. - : html 문서의 루트(root) 요소를 정의한다. - : html 문서에 대한 메타데이터를 다룬다. 웹 브라우저에 표시되지 않는다. - : 웹 브라우저에 보여지는 정보를 다룬다. ▷ 메타데이터(metadata) 문자 집합, 스타일, 링크, 스크립트, 문서 제목 등을 정의한다. , , , , , and 등의 메타데이터가 있다. * 출처: TCP school ■ HTML 요소 구조 ▷ 요소(element)란? ' 내용 ' 이 밑줄 친 전체..
[HTML] 코코아톡 클론 코딩 | 2일차 (2) | html의 여러가지 태그(tag)와 속성(attribute) 사용해보기 + 느낀 점 html 문법을 사용해 보기 전에 잠깐! ■ 1. html 확장자를 가진 파일에 그냥 글을 쓰면 어떻게 될까? html 확장자를 가진 파일에 그냥 글을 쓰면 어떻게 될까? 직접 확인해보자. 아래와 같이 어떤 html 문법을 사용하지 않고 글을 적어보았다. 작성한 것을 웹에서 확인하고 싶다면 반드시 지켜야 하는 것이 있다. 바로 저장하기! 그 여부는 상단 파일 명 오른쪽에 보이는 동그란 기호로 알 수 있다. 동그란 기호가 표시되어 있다면 아직 저장되지 않은 것이다. ∨ Ctrl+s 단축키를 이용해 저장해주자! 저장을 완료했다면 작업한 VSC 폴더에 들어가자. 그러면 브라우저 아이콘을 띈 html 파일을 확인할 수 있다. 이를 더블 클릭해 열면 브라우저가 열린다. .html 파일에 작성한 글이 그대로 표시되..
[HTML] 코코아톡 클론 코딩 | 2일차 (1) | Visual Studio Code 이용해서 html 개발환경 구축하기 + 기본 확장 프로그램 목차는 아래와 같다. html 개발환경 구축하기(Visual Studio Code 설치하기) PC에 폴더 만들고 VSC로 폴더 열기 VSC에서 html 확장자 파일 만들기 개발에 도움되는 3가지 확장 프로그램 설치하기 ■ 1. html 개발환경 구축하기(Visual Studio Code 설치하기) https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and av..
[HTML, CSS, JS] 코코아톡 클론 코딩 | 1일차 | HTML, CSS, Java Script 가 무엇일까? + 크롬에서 개발자 도구로 source 확인하기 웹사이트는 2,3개의 언어로 구성된 text file이라고 할 수 있다. 브라우저는 text file인 코드를 구현시키는 역할로써 chrome, firefox 등이 있다. HTML, CSS, Java script가 무엇이고 어떤 역할인지 간단히 알아보자. ▷ HTML HyperText Markup Language의 약자로, 하이퍼텍스트 마크업 언어이다. HTML은 프로그래밍 언어가 아니다! 컨텐츠의 구조를 정의하는 마크업 언어이다. 웹 사이트를 인간으로 비유하면, 인가의 뼈대를 담당한다. content의 구조가 어떤지(무엇이 title, link, description, header인지)를 브라우저에게 설명하는 역할을 한다. 아래의 사이트에서 HTML이 무엇인지 정확히 알 수 있다. https://dev..
[C언어] 2차원 배열(3): 2차원 배열을 포인터에 넣기 * 출처: 코딩도장: 37.6 2차원 배열을 포인터에 넣기 1차원 배열은 단일 포인터에 넣을 수 있었다. 그렇다면 2차원 배열은 이중 포인터에 넣으면 되는 것 아닐까? 하지만 직접 컴파일 해보면 자료형이 일치하지 않는다는 경고가 뜬다. 2차원 배열을 포인터에 담으려면 다음과 같이 작성해야 한다. 자료형 (*포인터 이름)[가로크기]; 가로 크기가 4인 배열을 가리키는 포인터라는 뜻이다. ※ int *numPtr[4] - int *numPtr[4]; : int형 포인터 4개를 담을 수 있는 포인터 배열 - int (*numPtr)[4]; : 배열을 가리키는 배열 포인터 (자료형과 가로 크기가 일치한다면) int (*numPtr)[4] = numArr; 와 같이 2차원 배열을 포인터에 바로 할당할 수 있다.
[C언어] 2차원 배열(2): 2차원 배열의 크기 구하기 * 출처: 코딩도장 37.4 2차원 배열의 크기 구하기 가로 요소와 세로 요소의 개수를 따로 구해야 한다. ※ 가로(column, 열) 요소의 개수: 가로 한 줄의 크기 / 요소의 크기 ※ 세로(row, 행) 요소의 개수: 배열이 차지하는 전체 공간 / 가로 한 줄의 크기
[C언어] 2차원 배열(1): 2차원 배열 선언하고 값 할당하기 * 출처: 코딩도장 37.1 2차원 배열을 선언하고 요소에 접근하기 2차원 배열은 []를 두 번 사용하여 선언한다. 첫 번째 대괄호에는 세로 크기, 두 번째 대괄호에는 가로 크기를 지정한다. ※ 세로x가로로 표기하는 것을 꼭 기억하자.(일반적인 2차원 공간 표기는 가로x세로) 요소를 초기화 할 때, 가로 요소들을 먼저 묶고난 후, 가로 줄을 세로 크기 만큼 묶는다. 2차원 배열의 요소에 접근하려면 '배열[세로인덱스][가로인덱스]'를 사용하면 된다. ※ 배열 초기화 시, 가로 요소를 중괄호로 묶지 않아도 컴파일 가능하다.(이해 어려워 잘 안 쓴다.) ※ 실제로 2차원 배열의 값은 위와 같이 일렬로 쭉 늘어서 있다. ※ 따라서 numArr[0][4]와 같이 가로 인덱스가 범위를 벗어나도록 지정하면, 그 다음..
[C언어] 배열과 포인터의 관계, 차이점 * 출처: 코딩도장 36.8 배열을 포인터에 넣기 * 출처: 최유경 교수님 C 프로그래밍 포인터 수업자료 ■ 배열 이름의 비밀 배열 이름은 배열의 0번 원소의 시작 주소를 의미한다. ※ &ar은 전체 배열의 시작 주소. (값은 같지만, 다른 자료형이다.) □ 주소를 이용한 배열 참조 - 배열 이름은 주소를 의미하므로, 참조 연산자와 함께 사용할 수 있다. ■ 배열 주소에 대한 증감 연산 - 배열 원소 하나의 크기만큼 증감 (int 배열의 경우: 4) - ar+i : 배열 ar의 i번째 원소의 주소 - *(ar+i) : 배열 ar의 i번째 원소의 값. 즉 ar[i] ■ 배열을 포인터 변수에 연결하여 사용하기 - 배열 이름은 주소를 의미하므로, 포인터 변수에 대입할 수 있다. - 배열의 0번째 원소의 주소 ..
반응형

티스토리툴바