전체 글159 [JS] Event와 이벤트 위임(Event Delegation) 1. Event웹 페이지에서 발생하는 사용자 또는 브라우저의 특정 동작을 의미한다.클릭 이벤트마우스 오버 이벤트키보드 이벤트폼 이벤트로드 이벤트이벤트 처리이벤트 처리를 위해서 특정 이벤트가 발생할 때 실행될 함수를 정의하고, 이를 이벤트 리스너에 연결한다.간단한 예시const button = document.getElementById('myButton');button.addEventListener('click', () => { alert('Button was clicked!');}); 2. 이벤트 위임이벤트 위임은 이벤트의 처리 기술 중 하나로, 부모 요소에 이벤트 리스너를 설정하고, 이벤트가 발생했을 때 자식 요소에서 발생한 이벤트를 저리하는 방법이다.이벤트 위임을 사용하는 이유효율성 : 많은 자.. 2024. 8. 26. [JS] 모듈방식의 프로그래밍 1. 모듈방식의 프로그래밍이란소프트웨어를 작고 독립적인 구성 요소인 "모듈"로 나누어 개발하는 접근 방식각 모듈은 특정 기능을 담당하고, 다른 모듈과 명확하게 정의된 인터페이스를 통해 상호작용한다.모듈화는 코드의 재사용성, 유지 보수성, 가독성, 테스트 용이성을 크게 향상시킨다.모듈화의 특징독립성 : 모듈은 독립적으로 개발, 테스트, 배포 될 수 있다. 하나의 모듈을 수정해도 다른 모듈에 큰 영향을 주지 않도록 설계된다.캡슐화 : 모듈은 내부 구현을 숨기고, 외부에 필요한 인터페이스만 노출하여 코드의 안정성을 높이고, 의도치 않은 변경으로 인한 오류를 줄여준다.재사용성 : 한 번 작성된 모듈은 다른 프로젝트에서도 쉽게 사용가능하여 효율성 증가유지보수성 : 모듈 단위로 코드를 관리하여 버그 수정이나 기능 .. 2024. 8. 26. [템플릿 엔진] 템플릿 엔진 기초 1. 템플릿 엔진이란템플릿 양식과 특정 데이터 모델에 따른 입력 자료를 합성하여 결과 문서를 출력하는 소프트웨어Template : 공통적인 프레임을 미리 제작한 것웹 템플릿 엔진은 View Code(HTML)와 Data Logic Code(DB Connection)를 분리해주는 기능을 한다. 2. 레이아웃 템플릿 엔진 VS 텍스트 템플릿 엔진레이아웃 템플릿 엔진 : 중복되는 Include 코드를 사용하지 않고도 지정된 페이지 레이아웃에 따라 페이지 타일을 조합하여 완전한 페이지로 만들어준다.Ex) Apache Tiles, StieMesh 등텍스트 템플릿 엔진 : 템플릿 양식에 적절한 특정 데이터를 넣어 결과 문서를 출력한다.Ex) Freemarker, Thymeleaf, JSP(Java Server Pa.. 2024. 8. 21. [CS] I/O 기초 1. I/O 모델의 종류Blocking호출된 함수가 작업을 완료할 때 까지 제어권을 반환 하지 않고 프로그램의 실행을 멈추게 만드는 방식즉 해당 작업이 끝날 때까지 다음 줄의 코드가 실행되지 않는다.장점코드가 직관적이고 이해하기 쉽다.순차적으로 작업이 수행되므로 코드 흐름이 명확하다단점한번에 하나만 수행되어 비효율적일 수 있다.네트워크 요청이나 파일 시스템 작업처럼 시간이 오래 걸리는 작업에서 프로그램이 멈추게 되어 성능에 영향을 줄 수 있다.Non-Blocking호출된 함수가 작업을 시작하자마자 제어권을 즉시 반환하여 프로그램의 실행을 멈추지 않고, 다른 작업을 계속 수행할 수 있도록 하는 방식.작업이 완료되면 나중에 특정 시점에서 결과를 처리한다.장점CPU와 I/O 자원을 효율적으로 사용할 수 있다... 2024. 8. 20. 이전 1 ··· 6 7 8 9 10 11 12 ··· 40 다음
