본문 바로가기
반응형

개념공부41

Javascript 객체 및 객체의 종류 객체의 종류 - 내장 객체 자바스크립트 엔진에 내장되어 있어 필요한 경우에 생성해서 사용할 수 있음 기본형 : 참조 변수(인스턴스 이름) = new 생성 함수(); * 날짜 정보 객체 var t = new Date(); 특정 날짜 정보 객체 생성 방법 var t = new Date("2002/5/31"); var t = new Date(2002,4,31); 날짜 정보를 가져올 때(GET) 날짜 정보를 수정할 때(SET) getFullYear() 연도 정보를 가져옴 setFullYear() 연도 정보만 수정함 getMonth() 월 정보를 가져옴(현재 월 -1) setMonth() 월 정보만 수정함(월-1) getDate() 일 정보를 가져옴 setDate() 일 정보만 수정함 getDay() 요일 정보를.. 2021. 12. 13.
CSS3 선택자 기본 CSS3 선택자란? - 특정한 HTML 태그를 선택할 때 사용하는 기능 - 해당 태그에 원하는 스타일 또는 기능을 적용하기 위해 사용 ex) h1{ color : red; } = 선택자 { 스타일 속성 : 스타일 값; } 이러한 코드를 CSS 블록이라고 부르고 style 태그 내부에 입력해 사용. 전체 선택자 선택자 형태 설명 * HTML 페이지 내부의 모든 태그 선택 - 모든 웹 페이지에서 빠지지 않고 사용하는 선택자. - body 태그 뿐만 아니라 html, head, title, style 태그까지 전부 선택하여 적용 함. 태그 선택자 선택자 형태 설명 태그 특정한 태그를 선택 - 특정 종류의 태그를 모두 선택할 때 사용하는 선택자. ex) h1 { color : red; } , p { color .. 2021. 12. 13.
HTML5 개요 및 기본 태그 태그와 속성 - 태그 : HTML 페이지에서 객체를 만들 때 사용하는 것. 단독으로 사용하는 태그는 처럼 XHTML5 표기법을 사용한다. - 속성 : 태그에 추가 정보를 부여할 때 사용하는 것. HELLO HTML5 (title : 속성 이름, header : 속성 값) (src : 속성 이름, image.png : 속성 값) HTML5 페이지 구조 : 웹 브라우저가 현재 웹 페이지가 HTML5 문서임을 인식하게 함. : HTML페이지의 루트 요소, 모든 HTML 태그는 html 태그 내부에 작성한다. - lang 속성 국가 속성값 국가 속성값 한국 ko 미국 en 일본 ja 러시아 ru 중국 zh 독일 de lang속성은 구글과 같은 검색 엔진이 웹 페이지를 탐색할 때 해당 웹페이지가 어떤 언어로 만들.. 2021. 12. 10.
[기초 코딩용어 해설] 01. 컴퓨터와 인터넷 01. 컴퓨터란? 기본적으로 기계를 모아둔 것 (본체 내부에) 기계의 종류 메인보드 : 꽂아두기 (CPU,RAM,하드디스크 등을 꽂아서 이용할 때 사용) CPU : 계산하기 (컴퓨터에서 수행하는 연산들을 계산할 때 사용) RAM : 기억하기 (사용자가 작성한 프로그램이나 데이터를 기억시킬 때 사용) 하드디스크 : 적어두기 (프로그램이나 데이터를 저장할 때 사용 / 하드디스크 용량이 크면 저장을 더 많이 할 수 있다.) 02. OS (운영체제) - 컴퓨터를 동작하도록 하는 것 컴퓨터를 동작시키기 위해서는 인간이 기계와 소통할 수 있도록 하는 프로그램이 있어야 한다. 이를 OS라고 한다. OS의 종류 Window, Android, ios, Linux ... 03. 코딩 - OS에 명령을 내리는 것 인간은 O.. 2021. 12. 3.
[BigInteger] 무한대로 큰 수를 계산해야 한다면? BigInteger 2824번: 최대공약수 첫째 줄에 N(1 ≤ N ≤ 1000)이 주어진다. 둘째 줄에는 N개의 양의 정수가 공백으로 구분되어 주어진다. 이 수는 모두 1,000,000,000보다 작고, N개의 수를 곱하면 A가 된다. 셋째 줄에 M(1 ≤ M ≤ 1000)이 www.acmicpc.net 백준 최대공약수 문제를 푸는데 조건이 아래와 같았다. 첫째 줄에 N(1 ≤ N ≤ 1000)이 주어진다. 둘째 줄에는 N개의 양의 정수가 공백으로 구분되어 주어진다. 이 수는 모두 1,000,000,000보다 작고, N개의 수를 곱하면 A가 된다. 셋째 줄에 M(1 ≤ M ≤ 1000)이 주어진다. 넷째 줄에는 M개의 양의 정수가 공백으로 구분되어 주어진다. 이 수는 모두 1,000,000,000보다 작고, M개의 수를 .. 2021. 11. 5.
[Deque] queue(큐)와 stack(스택)을 둘 다 사용할 수 있는 deque(덱) * Deque란? - 덱은 Double-Ended Queue의 줄임말로 큐의 양쪽에 데이터를 넣고 뺼 수 있는 형태의 자료구조이다. 하나의 자료구조에 queue와 stack을 사용할 수 있다 생각하면 된다. 덱(Deque)은 어떤 쪽으로 입력하고 어떤 쪽으로 출력하느냐에 따라서 스택(Stack)으로 사용할 수도 있고, 큐(Queue)로도 사용할 수 있다. 특히 한쪽으로만 입력 가능하도록 설정한 덱을 스크롤(scroll)이라고 하며, 한쪽으로만 출력 가능하도록 설정한 덱을 셸프(shelf)라고 한다. * Deque 라이브러리 선언 방법 자바에서의 Deque는 인터페이스로 구현되어 있다. Deque deque = new ArrayDeque(); Deque deque = new LinkedBlockingDeq.. 2021. 11. 4.
[Vue.js] Vue.js란 무엇인가? Vue란? Vue.js는 웹 개발을 단순화하고 정리하기 위해 개발된 대중적인 자바스크립트 프론트엔드 프레임워크이다. 더보기 과거의 웹 사이트 전통적인 웹 사이트는 지금보다 문서 하나에 전달되는 파일의 용량이 적었다. 그래서 어떤 요소를 한번 클릭하면 완전히 새로운 페이지를 서버에서 전송해 주곤 했다. 그래도 상관 없었다. 그러나 현대에 이르러 점차 웹 사이트가 고도화됨에 따라 한 페이지에 해당하는 페이지 용량이 커져갔고, 매번 새로운 페이지를 전달하는 게 점점 버거워지게 되었다. SPA란 이러한 문제를 해결하기 위해 등장한 것이 SPA(Single Page Application)이다. 이름에서도 파악할 수 있듯이, 어떤 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현하는 것.. 2021. 11. 4.
[Github / Gitlab] 이클립스와 git 연동하기 깃 연동 https://choseongho93.tistory.com/6 [GitHub] 깃허브와 이클립스 연동 및 사용법 (올리기, 가져오기) ▶ GitHub(깃허브)와 eplise(이클립스) 연동 및 사용법 (커밋하기) ● GitHub 란? : 깃허브는 세계 최대 오픈소스 커뮤니티로 깃(Git) 전문 호스팅 업체다. 컴퓨터 프로그램 소스를 공유하고 협업해 개발 choseongho93.tistory.com sprigboot 깃 연동 https://youngjinmo.github.io/2020/03/eclipse-import-git-project/ Spring Tool Suite4에서 Git 프로젝트 불러오기 어쩌다가 프로젝트를 날리고 다시 해야하는 상황이 와서 하는김에 정리해보았다. Spring Tool.. 2021. 11. 3.
[JavaScript] `(백틱) 을 이용한 Template literals ${} 데이터 추출 홈페이지를 만드는데 HTML에서는 잘 돌아가던 코드가 JSP에서는 안돌아가서 무슨 문제지 하다가 해결해서 나중에 까먹지 않기 위해 정리한다. 먼저 ` 이렇게 생긴 친구들을 백틱이라 부르는데 키보드에서 Tab 위에 위에 있는 숫자 자판 1 옆에 있는 친구이다. 자바스트립트 ES6 부터는 백틱 기호를 사용한 문자열을 템플릿 리터럴이라고 부른다. 쉽게 말해, 템플릿 리터럴은 새로운 문자연결 표기방식이라고 보시면 된다. console.log(language + "처음이죠?" + "Hello World" + language + "참 쉽죠?"); 문자열을 연결하고 출력하려면 따옴표와 더하기(+) 기호를 사용해 위와 같이 사용해야 했다. 템플릿 문자열에서는 ${}(플레이스 홀더place holder라고 부릅니다)를 .. 2021. 11. 3.

티스토리툴바