분류 전체보기

라이브러리(library)와 프레임워크(Framework)

라이브러리 개념 재사용 가능한 코드 모음을 나타냄. 특정 기능을 수행하는 함수, 클래스, 모듈 등의 코드가 묶여서 다른 프로그램에서 사용할 수 있도록 제공되는 형태 개발자가 특정 기능을 구현할 때 처음부터 모든 코드를 작성하지 않고, 이미 작성된 코드를 재활용하여 효율적으로 개발할 수 있게 도와줌 다양한 언어와 플랫폼에서 사용될 수 있도록 구현됨. 일반적으로 라이브러리는 함수, 클래스, 인터페이스 등을 포함하고 있으며, 이를 사용하여 프로그래머는 필요한 기능을 빠르게 구현할 수 있음 사용자는 필요한 기능을 해당 라이브러리에서 제공하는 객체나 함수를 호출하여 활용할 수 있습니다. 상속과 라이브러리 확장 라이브러리에서 상속이나 수정이 허용되지 않는 경우, 클래스를 상속받아 새로운 클래스를 만들어야 함. 기존..

이터레이터(Iterator)와 반복 가능한 객체(Iterable) (next와 for of 루프)

이터레이터(Iterator): 역할: 반복 가능한(iterable) 객체를 순회(iterate)할 수 있는 메커니즘을 제공하는 인터페이스 메소드: next(): 다음 값을 반환하고 포인터 이동. { value, done } 형태의 객체 반환. (**value**는 현재 값을 나타내고, **done**은 이터레이터가 모든 요소를 순회했는지 여부를 나타냄) Symbol.iterator: 이터레이터 객체 자체를 반환. 반복 가능한 객체(Iterable): 정의: Symbol.iterator 메소드를 구현한 객체. 예시: 배열(Array), 문자열(String), 맵(Map), 셋(Set), 노드리스트(NodeList), 인수 객체(arguments), 제너레이터(Generator) 등 (for...of 루프나..

점프 투 파이썬 04 파이썬의 입출력 (함수, *args, kwargs, 변수의 범위, lambda, input 함수, print 함수, 파일 생성/읽기/쓰기, with문, sys 모듈 사용하기)

4-1 함수 함수란 무엇인가 입력값을 가지고 어떤 일을 수행한 후 그 결과물을 내어 놓는 것 함수를 사용하는 이유는 무엇일까? 반복적으로 사용되는 가치 있는 부분을 한 뭉치로 묶어 ‘어떤 입력값을 주었을 때 어떤 결과값을 리턴해 준다’라는 식의 함수로 작성한다. 프로그램을 기능 단위의 함수로 분리해 놓으면 프로그램 흐름을 일목 요연하게 볼 수 있다. 파이썬 함수의 구조 def: 함수를 만들 때 사용하는 예약어 함수명 : 임의로 만들 수 있음 매개변수: 함수에 입력으로 전달되는 값을 받는 변수 return : 함수의 결과값을 리턴하는 명령 def 함수명(매개변수): 수행할 문장1 수행할 문장2 ... def add(a,b): return a+b ------------------- >>> def add(a,..

점프 투 파이썬 03 제어문 (if문, while문, for문, 조건부 표현식, break문, continue문, range함수, 리스트 컴프리헨션)

1.if문 in, not in : x in 리스트|튜플|문자열 x not in 리스트|튜플|문자열 #리스트 안 숫자 >>> 1 in [1,2,3] True >>> 1 not in [1,2,3] False #튜플 안 문자 >>> 'a' in ('a','b','c') True #문자열 안 문자 >>> 'j' in 'python' False #만약 3000원 이상의 돈을 가지고 있으면 택시를 타고, 그렇지 않으면 걸어가라. money = 5000 if money >= 3000: print("택시 타") else: print("걸어가라") #만약 3000원 이상이 있거나 카드가 있다면 택시를 타고, 그렇지 않으면 걸어가라. money = 1000 card = False if money >=3000 or card..

점프 투 파이썬 02 자료형 (숫자형, 문자열, 리스트, 튜플, 딕셔너리, 집합, 불, 변수)

2.1 숫자형 ** : 제곱 % : 나머지 / : 나누기 // : 몫 2.2 문자열 문자열: 문자, 단어 등으로 구성된 문자들의 집합 문자열 만들기 큰따옴표 작은따옴표 큰따옴표 3연속 작은따옴표 3연속 문자열 안에 ‘나 “포함시키기 ‘ 포함 : 큰 따옴표 안에 들어있는 작은따옴표는 문자열을 나타내기 위한 기호로 인식되지 않음 “ 포함 : 작은 따옴표로 둘러싸기 역슬래시 사용 : \’, \” 변수에 여러 줄인 문자열 대입 줄바꿈 문자 \n 삽입 ‘’’ 또는 “”” 이스케이프 코드 \n : 줄바꿈 \t : 탭 간격 \\ “ \를 그대로 표현 \’ : ‘를 그대로 표현 \” : “를 그대로 표현 문자열 곱하기, 길이 구하기 a*2 : a라는 문자열을 2번 반복하기 len( ) : 문자열 길이 구하기 문자열 인..

DOM (Document Object Model)

DOM (Document Object Model): 문서 객체 모델(Document Object Model)의 약자로, 웹 페이지의 구조화된 표현을 제공하는 프로그래밍 인터페이스 HTML, XML 문서의 구조를 표현함 트리 구조로 되어 있어 문서의 구조와 관계를 명확히 표현. HTML 문서의 각 요소(element)들이 트리의 노드(node)로 표현되며, 부모-자식, 형제 관계 등으로 구성. 브라우저는 HTML을 읽어와서 내부적으로 DOM을 생성하여 사용자에게 제공. JavaScript와 같은 스크립트 언어를 사용하여 HTML 문서의 내용, 구조, 스타일 등을 동적으로 변경하거나 조작할 수 있음 HTML은 초기 정적 상태를 정의하고, 브라우저는 HTML 문서를 읽어 내부적으로 DOM으로 변환하여 DOM을..

웹페이지 로딩 및 페이지 파싱

로딩과 파싱은 서로 얽혀 있으며, 특히 JavaScript의 다운로드와 실행이 페이지의 로딩 시간에 큰 영향을 미칩니다. 최적화된 웹페이지는 이러한 단계를 효율적으로 관리하여 빠른 로딩을 제공하고 사용자 경험을 향상시킵니다. 페이지 로딩: 사용자가 웹 브라우저에서 특정 웹페이지를 요청하고 해당 페이지의 모든 콘텐츠가 브라우저에 성공적으로 표시되는 과정이다. 이는 웹페이지의 HTML 문서, 스타일 시트, 이미지, 스크립트 등 모든 필요한 자원이 브라우저에 다운로드되고 렌더링되어 사용자가 페이지를 확인할 수 있는 상태까지의 과정을 포함한다. 페이지 로딩의 완료는 모든 필수 자원이 성공적으로 다운로드되고 화면에 표시된 시점으로 간주된다. 페이지 로딩이 완료되면 사용자는 해당 페이지의 내용을 확인하고 상호 작용..

DOMContentLoaded와 load 이벤트

초기 구성을 위한 작업은 DOMContentLoaded 이벤트 핸들러에서 수행 페이지의 모든 리소스가 로드된 후에 추가적인 작업이 필요한 경우에는 load 이벤트 핸들러를 사용 DOMContentLoaded 이벤트: 이 이벤트는 HTML 문서의 초기 파싱이 완료되고 DOM 트리가 구성된 시점에 발생합니다. 스타일 시트, 이미지, 스크립트 파일 등의 외부 리소스의 로딩이 완료되지 않아도 발생합니다. 이벤트 핸들러는 초기 구성된 DOM에 대한 작업을 수행하기에 적합합니다. load 이벤트: 이 이벤트는 웹페이지의 모든 리소스(이미지, 스크립트, 스타일 등)가 로드되고 브라우저가 완전히 준비된 상태일 때 발생합니다. HTML 문서를 파싱하는 동안 브라우저는 각 요소에 대한 정보를 수집하고 필요한 리소스(이미지..