Javascript 에서 html을 사용할 때 첫 번째 코드와 두 번째 코드를 사용할 수 있습니다. 일반 적으로는 두 번째 방법을 많이 사용합니다. 재사용성 면에서 유리하고 코드가 길어지지 않기 때문입니다. 주의할 점으로는 script 태그를 가진 요소는 실제로 html에서 사용되는 태그보다 밑에 있어야합니다. 그래야 적용하려는 태그를 바꿔줄 수 있기 때문입니다. click 위와 같은 예시가 있습니다. DOM DOM이란 html 과 javascript를 연결하는데 있어서 필수 적인 개념입니다. DOM은 Document Object Model이라는 말의 약어이며, 단순히 텍스트로 작성된 html 파일을 트리 형태로 표현한 객체를 말합니다. DOM을 통해서 javascript와 html 파일이 연결되고, d..
Mysql을 처음 입문하면서 필요한 내용 및 명령어 위주로 정리해놓으려고 합니다. SQL SQL이란 데이터를 쉽게 관리할 수 있도록 하기 위해 만들어진 프로그래밍 언어 입니다. DML (Data Manipulation Language): 데이터를 조작하기 위해 사용합니다. INSERT, UPDATE, DELETE, SELECT 등이 여기에 해당합니다. DDL (Data Definition Language): 데이터베이스의 스키마를 정의하거나 조작하기 위해 사용합니다. CREATE, DROP, ALTER 등이 여기에 해당합니다. DCL (Data Control Language) : 데이터를 제어하는 언어입니다. 권한을 관리하고, 테이터의 보안, 무결성 등을 정의합니다. GRANT, REVOKE 등이 여기에..
SQLite 관계형 데이터베이스입니다. 관계형 데이터 베이스는 저장소 안에 여러 개의 테이블을 만들 수 있으며 테이블을 정의한 후에 데이터를 저장할 수 있습니다. 테이블 생성 CREATE TABLE "tablename" (field1, field2, ... ); //field란 table의 세로줄 (column)의 제목 optinons; 의 sql 명령어를 통해서 테이블을 생성할 수 있습니다. 소괄호 내부에는 SQL> CREATE TABLE TEST ( ID VARCHAR(40) NOT NULL, NUM DOUBLE DEFAULT '0'); 형태로 column의 이름, 자료형(각각 저장되는 cell마다 크기를 늘였다 줄였다 하면 손실이 크기 때문에 크기를 지정합니다.), 등이 들어갈 수 있습니다. 테이블..
기초적인 CSS 관련 내용을 기록해두려고 합니다. HTML 글 처럼 기초적인 내용을 기록해 두었다가 사전처럼 간단하게 이용할 때 사용할 수 있었으면 좋겠습니다. CSS는 HTML을 꾸며주는 역할입니다. 따라서 꾸밀 대상이 되는 요소와 스타일로 이루어져 있습니다. h1은 선택자(selector), color, font-size 는 속성(property)입니다. h1 { color: yellow; font-size:2em; } CSS 적용 방식 내용 // inline // internal div {color: red;} //CSS 파일에 div의 스타일 지정 // 링크를 걸어 css 연결 1. inline : 직접 스타일 요소를 입력합니다. 여러 개에 스타일을 바꾸려면 일일이 입력해야 한다는 단점이 있습니다..
2021 네이버 부스트 캠프 (웹,앱) 1차 테스트에 응시하였고 나름대로 나쁘지 않게 쳤다고 생각합니다. 문제를 푸는 와중에도 재밌었던 기억이 떠올라 알고리즘 공부를 탄탄히 하고 싶어졌습니다. 그래서 시간 복잡도와 공간 복잡도 관련하여 공부한 내용입니다. (종만북을 통해 공부하였습니다.) 알고리즘 알고리즘을 평가하는 두 가지의 기준이 있습니다. 시간과 공간입니다. 시간 : 얼마나 더 빠르게 동작하는가? 공간 : 얼마나 더 적은 용량의 메모리를 사용하는가? 같은 프로그램이라 하더라도 어떤 값이 주어지냐 어떤 컴퓨터에서 실행되냐에 따라 많은 차이를 보입니다. 따라서 이를 해결하기 위해 “시간 복잡도”, “공간 복잡도”의 개념이 필요합니다. 시간 알고리즘 시간 알고리즘에는 크게 “선형 이하 시간 알고리즘”, ..
부스트 코스로 html을 다시 공부하던 중 이전에 배웠는데 잊었던 내용을 위주로 기록하며 공부해 보려 합니다. 기록해 놨다가 사전처럼 기본적인 태그가 헷갈릴 때 많은 도움이 되었으면 좋겠습니다. 문서의 기본 구조 //형식 //언어 // 페이지 주요 내용 Hello, HTML 기초 태그 ~ : 제목 태그가 있습니다. 숫자가 작을수록 크기가 큽니다. : 단락 태그 입니다. 단락태그 내부에 글을 한 단락으로 합니다. : 줄바꿈 태그 입니다. 빈태그, 즉 닫기 태그가 필요하지 않은 태그 입니다. 일반적으로 태그가 바뀔 때 원래 줄바꿈이 일어나지만 태그 내부에서 줄바꿈이 필요할 때 주로 사용합니다. 텍스트 관련 태그 : bold 굵게 나타냅니다. : italic 기울여 나타냅니다. : underline 밑줄을 나..
안녕하십니까 이번에 교내 해커톤 대회에 참여하게 되어서 개발 진행하게 직전에 협업을 어떻게 할까 생각하다가 깃 허브를 활용한 협업방법에 대해 먼저 공부하기로 했습니다! 그래서 첫 글은 깃허브를 활용한 협업 방법입니다. 먼저 협업할 깃허브 레포지토리를 생성합니다. Git Clone 깃 허브 레포지토리를 생성 하셨다면 아래 사진을 참고하여 URL을 복사해 놓습니다. 파일을 내려받을 폴더를 생성하고 그 폴더의 cmd 창에서 git clone URL 을 하면 폴더에 깃허브에 있는 내용과 똑같이 받아올 수 있습니다. 이후에는 git pull 명령어를 통해 해당 협업중인 레포지토리의 최종 커밋을 내려받을 수 있습니다. Upstream 추가하기 일반적으로 혼자 git 에서 원격저장소를 지정할 때 git remote ..
