본문 바로가기

What would life be If we had no courage to attemp anything?

전체 글271

HTML HTML Hyper Text Marup Language Hyper Text : 참조를 통해 사용자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트! Markup Language : 태그를 이용해 문서나 데이터 구조 명시하는 언어 HTML 기본 구조 html : 문서의 최상위(root)요소 head : 문서 메타 데이터 요소 문서 제목, 인코딩, 스타일, 외 파일 로딩 등 일반적으로 브라우저에 나타나지 않는 내용 body : 문서 본문 요소 실제 화면 구성과 관련된 내용 Head 예시 : 브라우저 상단 타이틀 : 문서 레벨 메타데이터 요소 : 외부 리소스 연결 요소(CSS파일, favicon등) : 스크립트 요소(JavaScript 파일/코드) : css 직접 작성 메타 데이터를 표현하는 새로운 규.. 2022. 5. 6.

[python] 프로그래머스 level2 - 피보나치수 https://programmers.co.kr/learn/courses/30/lessons/12945?language=python3 코딩테스트 연습 - 피보나치 수 피보나치 수는 F(0) = 0, F(1) = 1일 때, 1 이상의 n에 대하여 F(n) = F(n-1) + F(n-2) 가 적용되는 수 입니다. 예를들어 F(2) = F(0) + F(1) = 0 + 1 = 1 F(3) = F(1) + F(2) = 1 + 1 = 2 F(4) = F(2) + F(3) = 1 + 2 = 3 F(5) = F(3) + F(4) = programmers.co.kr def solution(n): a,b=0,1 for i in range(n): a,b = b,a+b answer=a%1234567 return answer 💥.. 2022. 5. 6.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.06.금 Today I Learn 220506 오늘은 AJAX통신을 이용해 서버에서 JSON데이터를 받아와 비동기로 화면을 구성하는 과제를 진행하였다. 언제나 그렇듯 오류를 만났다. 아직 axios를 사용하는 방법이 익숙하지 않아서 휴먼에러가 많이 났었다. 어려웠던 점 유저 팔로우 기능을 구현하는데 url을 착각해서 accounts/pk/follow/가 되어야 하는데, accounts/username/follow로 만들었다. 그래서 404 오류를 만나서 1시간 넘게 구글링 하다가 network 보는법을 공부했다...^.ㅠ 그 중 나중에 기억하기 위해 남겨놓는 블로그 링크(https://github.com/Lagom92/TIL/blob/master/web/400%20%EC%97%90%EB%9F%AC%20%ED%95.. 2022. 5. 6.

[baekjoon]python #2469 사다리 타기 https://www.acmicpc.net/problem/2469 2469번: 사다리 타기 첫 줄에는 참가한 사람의 수 k가 나온다(3 ≤ k ≤ 26). 그 다음 줄에는 가로 막대가 놓일 전체 가로 줄의 수를 나타내는 n이 나온다(3 ≤ n ≤ 1,000). 그리고 세 번째 줄에는 사다리를 타고 난 후 결정 www.acmicpc.net #처음에 생각했던 방법 처음과 도착의 이동된 위치의 갯수를 각각 체크해 이동된 숫자를 더해 2로 나누었다. 위의 숫자와 ladder에 받은 '-'와 비교해 그 차이가 '??'에 들어가는 '-'의 갯수인 점을 발견했다. 만약 ladder의 '-'의 갯수가 체크된 수보다 작다면 ''??'에는 'xx'가 들어가게 되고, 같다면 '**'로 채워지는 로직.. 그러나 ??에 '-'.. 2022. 5. 3.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.03.화 보호되어 있는 글 입니다. 2022. 5. 3.

JavaScript - Event *️⃣ Event |Event (이벤트) 개념 네트워크 활동이나 사용자와의 상호작용 같은 사건의 발생을 알리기 위한 객체 이벤트 발생 마우스를 클릭하거나 키보드를 누르는 등 사용자 행동으로 발생할 수도 있음 특정 메서드를 호출(Element.click())하여 프로그래밍적으로도 만들어낼 수 있음 |Event 기반 인터페이스 AnimationEvent, ClipboardEvent, DragEvent 등 UIEvent 간단한 사용자 인터페이스 이벤트 Event의 상속을 받음 MouseEvent, KeyboardEvent, InputEvent, FocusEvent 등의 부모 객체 역할을 함 |Event의 역할 “~하면 ~한다.” “클릭하면, 경고창을 띄운다.” “특정 이벤트가 발생하면, 할 일을 등록한다.” .. 2022. 5. 3.

JavaScript - DOM(Document Object Model) |DOM 조작 - 개념 Document는 문서 한장(HTML)에 해당하고 이를 조작 DOM 조작 순서 선택(Select) 변경(Mainpulation) |DOM 관련 객체의 상속 구조 Event Target Event Listner를 가질 수 있는 객체가 구현하는 DOM 인터페이스 Node 여러 가지 DOM 타입들이 상속하는 인터페이스 Element Document 안의 모든 객체가 상속하는 가장 범용적인 인터페이스 부모인 Node와 그 부모인 EventTarget의 속성을 상속 Document 브라우저가 불러온 웹 페이지를 나타냄 DOM 트리의 진입점(entry point) 역할을 수행 HTMLElement 모든 종류의 HTML 요소 부모 element의 속성 상속 |DOM 선택 – 선택 관련 메서드 .. 2022. 5. 3.

JavaScript - Asynchronous JavaScript(콜백함수, Async callbacks,Promise), Axios *️⃣ Callback Function - 인자로 넘기는 함수 다른 함수에 인자로 전달된 함수 외부 함수 내에서 호출되어 일종의 루틴 또는 작업을 완료함 동기식, 비동기식 모두 사용됨 그러나 비동기 작업이 완료된 후 코드 실행을 계속하는 데 주로 사용됨 비동기 작업이 완료된 후 코드 실행을 계속하는 데 사용되는 경우를 비동기 콜백(asynchronous callback)이라고 함 |JavaScript의 함수 === “일급 객체(First Class Object)” 일급 객체 (일급 함수) 다른 객체들에 적용할 수 있는 연산을 모두 지원하는 객체(함수) 일급 객체의 조건 인자로 넘길 수 있어야 함 함수의 반환 값으로 사용할 수 있어야 함 변수에 할당할 수 있어야 함 |Async callbacks 함수 ⇒ .. 2022. 5. 3.

JavaScript - AJAX, Asynchronous (비동기) *️⃣AJAX Asynchronous JavaScript And XML (비동기식 JavaScript와 XML) 서버와 통신하기 위해 XMLHttpRequest 객체를 활용 JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있음 [참고] AJAX의 X가 XML을 의미하긴 하지만, 요즘은 더 가벼운 용량과 JavaScript의 일부라 는 장점 때문에 JSON을 더 많이 사용함 |특징 페이지 전체를 reload(새로 고침)를 하지 않고서도 수행되는 “비동기성” 서버의 응답에 따라 전체 페이지가 아닌 일부분만을 업데이트 할 수 있음 AJAX의 주요 두가지 특징은 아래의 작업을 할 수 있게 해줌 페이지 새로 고침 없이 서버에 요청 서버로부터 데이터를 받고 작업을 수행.. 2022. 5. 3.

JavaScript - 프로토타입(prototype), 클래스(class) 🤍프로토타입(prototype) |JS의 상속과 객체 JS는 객체지향 프로그래밍 언어 JS의 객체는 key-value 구조의 자료구조 Python과 같은 클래스기반의 객체지향 프로그래밍 언어의 객체와 다름 JS는 클래스개념이 존재하지 않고, 프로토타입이라는 개념을 활용해 상속을 구현 ES5 까지는 이러한 방식으로 원하는 객체를 생성하였으나, ES6+ 부터는 class 키워드로 대체 function Rectangle(width, height) { this.width = width this.height = height } Rectangle.prototype.getArea = function () { return this.width * this.height } function Square(length) { R.. 2022. 5. 3.

이전 1 ··· 16 17 18 19 20 21 22 ··· 28 다음

티스토리툴바