분류 전체보기
-
[TIL] 2020-03-02Trainings/이전 TIL 기록 2020. 3. 2. 22:42
[CSS] 문법 정리 [노마드 코더] 바닐라 초급 JS 수강 완료! [배운 문법] API란? → Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스는 응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. “ 운영체제나 프로그래밍 언어가 제공하는 기능 ” → SK의 날씨정보, Daum의 지도정보, 카카오페이를 뜻한다. “응용 프로그램” → 우리가 만든 서비스라고 생각하면 이해가 편하다. fetch() 인자로 전달된 데이터를 서버로부터 서버에게 요청하는 방법이다. "Hello World!" fetch('html'). then(function(response){ response.text(). ..
-
HTML - <table>태그HTML/HTML 2020. 3. 2. 01:58
오늘은 태그에 대해서 알아보자! 태그란? → 표를 만드는 방법을 의미하며, HTML 태그 중에서 가장 복잡하고 이해하기 어려운 태그라고 할 수 있다. 테이블을 사용 할때, 값을 넣으려고 하면 어떤 특정한 태그로 묶어 줘야 한다. 그때 사용하는 태그가 바로 태그이다. 태그의 약자는 table data를 의미한다. 이름 성별 주소 즉, 항목 하나하나를 td라는 이름으로 묶어주며, 표에서 각각의 실제 데이터들을 의미한다는 뜻이다. 그러고 나서, 각각의 행들을 태그로 묶어 줘야 한다. 태그의 약자는 table row를 의미한다. 즉, 같은 행에 속하는 태그들을 이라는 태그로 묶어주면, 웹 브라우저는 태그 아래에 있는 태그들을 같은 행으로 표시한다. 하지만, 행과 열이 나뉘었지만 명확한 표시를 원한다. 그럴 때..
-
CSS - HTML에 CSS 적용시키기CSS/CSS 2020. 3. 2. 01:02
HTML에 CSS를 적용시키는 방법을 알아보자! HTML에 CSS를 적용시키는 방법은 3가지가 존재한다. Inline Style Sheet에 대해서 알아보자. Inline Style Sheet란? → HTML 태그에서 style 속성으로 CSS 코드를 넣어 적용시키는 방법이다. Hello world! 태그가 선택자(selector)가 되고, CSS 코드에는 속성(property)과 값(value)을 이용해 사용한다. 단, 꾸미는데 한계가 있고, 재사용이 불가능하다는 단점이 있다. Internal Style Sheet에 대해 알아보자. Internal Style Sheet이란? → HTML 문서에서 로 CSS 코드를 넣는 방법이다. 이와 같은 코드를 HTML 문서 안에 넣으면, h1태그의 글자가 빨간색이 ..
-
[TIL] 2020-03-01Trainings/이전 TIL 기록 2020. 3. 1. 23:52
[노마드 코더] 바닐라 자바스크립트 #3.8 Image Background까지 수강 [배운 문법] event.target 이벤트가 발생시, 이벤트가 발생하는 해당 객체를 반환 filter() 배열 원소들을 반복하면서 조건(함수)에 true면 원소를 남기고 false면 없애버린다. 이것도 새로운 배열이 탄생한다. 배열 값들 중에 의미 없는 값들을 버릴 때 사용한다. 그냥 필터 건다고 생각면 편하다. parentNode() 부모 노드를 찾을 때는 parentNode 속성을 사용한다. 자식 노드는 여러 개일 수 있기 때문에 children이나 childNodes 같은 복수형 단어를 썼다면 부모는 항상 한 명이기 때문에 단수형 parentNode이다. new Image() 그림에 대한 정보를 알려주는 Image..
-
HTML - img태그HTML/HTML 2020. 2. 29. 23:19
오늘은 img 태그에 대해서 알아보자! 화면이 이미지를 표시할 때, 라는 태그를 쓴다. 그렇다면 img 태그는 무엇일까? → 화면이 이미지를 표시할 때, 라는 태그를 쓰며, 태그는 닫을 필요는 없다. 그리고 src라는 속성을 사용해서 img.jpg라는 파일 이름을 적는다. 그러면 웹 브라우저는 img태그를 보고 "아! 여기는 이미지가 오겠구나!"라고 인식한다. 그리고 src라는 것을 통해서 "아! 여기에는 이미지를 표시해주면 되겠구나!"라고 브라우저가 인식한다. 만약 이미지의 크기를 변경하고 싶다면, width 속성을 이용하고, 만약 높이를 지정하고 싶다면, height 속성을 이용한다. 여기서 높이만 지정하게 되었을 때, 이미지가 왜곡되는 현상이 없어진다. 그에 맞는 적절한 폭의 길이를 웹 브라우저가 ..
-
[TIL] 2020-02-29Trainings/이전 TIL 기록 2020. 2. 29. 22:39
[노마드 코더] #3 Make your first JS App 3.6까지 수강 [배운 문법] new Date는 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초(천분의 1초(millisecond, ms)))을 위한 메소드를 제공하는 빌트인 객체이면서 생성자 함수이다. 1. getYear() : 실제 연도에서 1900을 뺀 값을 출력한다. 2. getTime() : 1970년 1월 1일 자정을 기준으로한 밀리초 값을 보여준다. 3. getDay() : 요일 데이터를 기준으로 숫자가 출력된다. ex) 0은 일요일, 1은 월요일 4. getMonth() : 실제 월 값보다 1이 작다. ex) 1월은 0, 3월은 2 .. 5. getMinutes() : 분(minutes), 0~59, 0부터 시작함에 주의 6..
-
[TIL] 2020-02-28Trainings/이전 TIL 기록 2020. 2. 28. 23:29
[노마드 코더] DOM이란? → Document Object Model의 약자이며, BOM 중 하나이면서, 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용하여 문서를 해석하는 방법을 의미한다. BOM이란? → Browser Object Model 의미하며, 브라우저 객체 모델의 최상위 객체는 window라는 객체가 있고, DOM은 window 객체의 또 하나의 객체이기도 하다. 문서 노드(Document Node) 트리의 최상위에 존재하며 각각 요소, 어트리뷰트, 텍스트 노드에 접근하려면 문서 노드를 통해야 한다. 즉, DOM tree에 접근하기 위한 시작점(entry point)이다. 요소 노드(Element Node) 요소 노드는 HTML 요소를 표현한다. HTML 요소는..
-
[level1] - 같은 숫자는 싫어programmers/level1 2020. 2. 28. 00:05
프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr [풀이] 핵심! 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 먼저 결과 값에 배열의 첫 번째 값을 항상 가지고 있기 때문에 리스트에 배열의 첫번째 값을 추가한다. 그리고 나서, 배열 1부터 마지막 원소 전까지 전, 후 비교하면서 틀리면 뒤에 있는 값을 추가한다. [code] def solution(arr): answer = [] answer.append(arr[0]) for n in ..