전체보기

특정 위치로 스크롤

//영역뷰로 스크롤 document.querySelector('class Or Id').scrollIntoView({ behavior: 'smooth', block: 'start / center / end' )} //영역 맨위로 스크롤 window.scroll({ behavior: 'smooth', left: 0, top: document.querySelector('class Or Id').offsetTop })

브라우저 웹페이지 렌더링

🎯 HTML 페이지 렌더링 단계: DOM의 구성 CSSOM 구축 렌더 트리의 구성 레이아웃 단계 페인팅 단계 🎯 DOM 구축 브라우저 binary stream format는 기본적으로 응답 헤더가 있는 텍스트 파일인 의 서버로부터 HTML 문서를 받습니다 Content-Type = text/html; charset=UTF-8. 브라우저는 HTML 문서를 읽을 때 HTML 요소를 만날 때마다 Node 라는 JS 객체를 생성합니다 . 결국 모든 html 요소는 Node 로 변환됩니다 . 브라우저가 HTML 문서에서 노드를 만든 후에는 이러한 노드 개체의 "나무와 같은" 구조를 만들어야 합니다. Document Object Model 은 웹 페이지를 효율적으로 렌더링하고 개발자가 다양한 목적을 위해 DOM 요..

색상 조합 참고 자료

php 500에러 떴을때 무슨 에러인지 확인하는법

php 상단에 아래 코드를 삽입해주시면됩니다.

리눅스(Linux)에서 php - soap 통신 모듈 설치하기

1. 터미널에서 apt-get install php-soap 또는 yum install php-soap 2. 설치가 완료되면 php.ini에 extension=soap.so 추가

IOS 스위프트(Swift) 문법 - 고차함수

고차함수란? 다른 함수를 전달 인자로 받거나 함수 실행의 결과를 함수로 반환하는 함수 스위프트에서 제공하는 고차함수 - map - filter - reduce //map 컨테이너 내부의 기존 데이터를 변형하여 새로운 컨테이너를 생성 let numbers = [0,1,2,3] //[0,1,2,3] let mapArray = numbers.map { (number) -> Int in //[0,2,4,6] return number * 2 } print("map \(mapArray)") //"map [0, 2, 4, 6]\n" //filter 컨테이너 내부의 값을 걸러서 새로운 컨테이너로 추출 let intArray = [10,5,20,13,4] //[10, 5, 20, 13, 4] let filterArray..

IOS 스위프트(Swift) 문법 - 클로저

클로저란? 코드에서 전달 및 사용할 수 있는 독립 기능 블록이며, 일급 객체의 역할을 할 수 있습니다. 일급객체란? 전달 인자로 보낼 수 있고, 변수/상수 등으로 저장하거나 전달할 수 있으며, 함수의 반환 값이 될 수 도 있습니다. Named Closure, Unnamed Closure func hello() { print("안녕하세요") } let hello2 = { print("안녕하세요") } ///// /* { (매개 변수) -> 리턴 타입 in 실행 구문 } */ let hello = { () -> () in //() -> () print("hello") //() } hello() //hello let hello2 = { (name: String) -> String in //(String) ->..

IOS 스위프트(Swift) 문법 - try-catch

에러 처리란? 프로그램 내에서 에러가 발생한 상황에 대해 대응하고 이를 복구하는 과정입니다. - 발생(throwing) - 감지(catching) - 전파(propagating) - 조작(manipulating) enum PhoneError: Error { case unknown case batteryLow(batteryLevel: Int) } //throw PhoneError.batteryLow(batteryLevel: 20) func checkPhoneBatteryStatus(batteryLevel: Int) throws -> String { guard batteryLevel != -1 else { throw PhoneError.unknown } guard batteryLevel > 20 else {..