목록분류 전체보기 (246)

영벨롭 개발 일지

[JavaScript]자바스크립트 lodash 라이브러리: debounce, throttle

[ lodash 라이브러리 연결하기 ] 구글에 lodash cdn 이라고 검색하시고 다음 링크로 접속합니다. https://cdnjs.com/libraries/lodash.js lodash.js - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers A utility library delivering consistency, customization, performance, & extras. - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by o..
Programming Language/JavaScript 2022. 4. 21. 21:49
[HTML] Google fonts & Google material icons 사용하기

[Google fonts 사용하기] 구글에 google fonts 라고 검색하시고 다음 링크로 들어갑니다. https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 검색창에 원하는 글꼴을 검색하시고 원하는 스타일을 Select this style 을 눌러 선택합니다. 그럼 우측에서 코드를 복사할 수 있습니다. 복사한 코드를 html 파일의 태그 내부에 작성해주세요. 링크가 되었다면 body 선택자의 스타일에 font-family 속성을 사용하여 해당 글꼴을 지정합니다. body { font-family: 'Nanum Gothic', sa..
Front-end/HTML & CSS 2022. 4. 21. 21:22
[JavaScript]자바스크립트 DOM API란?

[ DOM이란? ] 문서 객체 모델(DOM, Document Obect Model)은 자바스크립트에서 HTML과 XML을 제어하는 여러가지 명령들을 제공해주는 인터페이스입니다. 즉, 웹페이지를 스크립트 또는 프로그래밍 언어들에서 사용할 수 있게 연결시켜주는 역할을 합니다. [ HTML 요소 검색 ] document.querySelector('선택자') '선택자'로 html 요소 중 첫 번째 요소 하나만 검색 document.querySelectorAll('선택자') html 요소 중 '선택자'에 해당하는 모든 요소들 검색, 배열로 리턴 document.getElementById('아이디') 아이디 이름으로 요소 검색 html 요소 중 '아이디'를 갖고 있는 요소 검색 document.getElementB..
Programming Language/JavaScript 2022. 4. 21. 21:02
[CSS]변환 속성 transform 사용하기: translate(), scale(), rotate(), skew(), perspective, backface-visibility

[변환 속성 transform] transform 속성은 요소의 변환 효과를 주는 속성입니다. transform: 변환함수1 변환함수2 변환함수3 ... ; transform: 원근법 이동 크기 회전 기울임; 변환함수에는 2D 변환함수와 3D 변환함수 등 여러 함수들이 있는데 하나씩 살펴보겠습니다. [2D 변환 함수] translate() : 요소 x축 또는 y축으로 이동 함수 설명 translate(x, y) x, y축으로 이동, 단위: px translateX(x) x축으로 이동 translateY(y) y축으로 이동 .box1 { background-color: red; } .box2 { background-color: green; } .box3 { background-color: blue; } ...
Front-end/HTML & CSS 2022. 4. 21. 20:21
[백준 BOJ][C++]16947번 서울 지하철 2호선 풀이: BFS & DFS

https://www.acmicpc.net/problem/16947 16947번: 서울 지하철 2호선 첫째 줄에 역의 개수 N(3 ≤ N ≤ 3,000)이 주어진다. 둘째 줄부터 N개의 줄에는 역과 역을 연결하는 구간의 정보가 주어진다. 같은 구간이 여러 번 주어지는 경우는 없고, 역은 1번부터 N번까지 번호 www.acmicpc.net [전체 풀이 과정] 1. graph에 edge 정보를 입력 2. 각 노드에 대해 bfs() 실행하여 circle 찾기 3. circle을 찾으면 dfs() 를 실행하여 각 거리 정보를 저장 후 프로그램 종료 [ BFS 풀이 과정 ] 1. 지하철 역 1번부터 n번까지 각 역의 번호를 시작 번호로 하여 bfs(int start) 호출 2. 만약 graph[start].siz..
알고리즘 문제 풀이/BOJ 2022. 4. 19. 18:39
[JavaScript]자바스크립트 GSAP 라이브러리 사용하기: gsap.to()

[ GSAP 이란? ] GSAP 은 GreenSock에서 만든 자바스크립트 애니메이션 라이브러리 (오픈소스) 입니다. [ 라이브러리 가져오기 ] 구글에 gsap cdn 이라고 검색하고 다음 링크로 이동하셔서 코드를 복사합니다. https://cdnjs.com/libraries/gsap gsap - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers GSAP is a JavaScript library for building high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, Reac..
Programming Language/JavaScript 2022. 4. 19. 16:40
이전 Prev 1 ··· 17 18 19 20 21 22 23 ··· 41 Next 다음