func.call(thisArg\[, arg1\[, arg2, ...]])thisArg: func 호출에 제공되는 this가 될 값arg1, arg2, ...: func이 호출되어야 하는 파라미터 첫번째 인자로 들어간 duck을 this로 인식하기 때문에 duck의 a

리액트로 진행한 프로젝트을 라이트하우스로 돌려봤고 그 중 나온 권장 사항이 사용하지않는 자바스크립트 줄이기였다. 해당 글에서는 위의 이미지와 같이 리액트에서는 code-split을 추천했고 React.lazy()를 사용하기로 했다. 기존 코드수정된 코드이렇게 코드를

브라우저 화면에서 이벤트가 발생하면 브라우저는 가장 먼저 이벤트 찾는다.브라우저가 이벤트 대상을 찾아갈 때 가장 상위의 window 객체부터 document, body 순으로 DOM 트리를 따라 내려가는 단계.이때 이벤트 대상을 찾아가는 과정에서 브라우저는 중간에 만나

제주 웹 컨퍼런스 연사 참여 후 강제(?) 제주 1주살이 후 쓰는 글.인터랙션 웹을 계기로 시작하게 된 개발이었기에 이를 구현하기 위해서 일단 기초적으로 알아야할 것에는 무엇이 있을까하는 의문을 가졌고, 여러 이유를 바탕으로 <canvas>와 <svg>를 꼽

멋사 프론트엔드스쿨 5기 최종 팀프로젝트가 끝난 시점에서 쓰는 회고글.디자이너들과 혼자 개발자로서 팀플에 참여한 적은 있어도 개발자들과 협업한 적은 없었고, 처음이었기에 기대도 되고 두렵기도 했다. 혼자서 깃허브에 올리는 것만이 아닌 같이 깃허브를 사용하면서 브랜치 전

1. ClientX, ClientY 현재 보여지는 브라우저 화면 뷰포트 기준으로 가로, 세로 좌표를 반환 2. OffsetX, OffsetY 이벤트 대상을 기준으로 상대적인 좌표를 반환 ex) 화면 중앙의 박스 요소에서 클릭한 위치를 찾으면 박스위 왼쪽 모서리 좌표

Element 기준 clientHeight box-sizing: content-box일때 : 요소 + padding 의 크기 box-sizing: border-box일때 : 요소 + padding + ScrollBar + border 의 크기 offsetHeight

가장 자주 사용하는 for문이지만 헷갈렸던 for in과 for of의 차이점과 사용하는 경우에 대해 짚고 넘어가려고 한다. 📗 for in value가 아닌 key에 해당한 값이 변수로 반복된다. enumerable(열거 가능한) 것들만 출력한다. IE에서 사용

html css 강의가 끝나고 이제 막 js수업를 하는 시점에서 쓰는 처음 쓰는 회고글. ⏰ 처음으로 해보는 9-6 생활 3년동안 계획해서 모았던 돈으로 친구들과 갔던 1달간의 졸업 유럽여행 중 서류합격 결과가 나오고 2차과제를 받았는데, 친구들이 자는 새벽에 강의

font-face 방식으로 폰트이름을 하나로 하고 여러개의 스타일을 표현하기아래와 같이 font-family의 명은 동일하게 한다. src파일 마다 weight값을 지정해서 여러개의 @font-face를 작성한다.전체에 한 폰트 패밀리를 적용한다.원하는 weight로

폰트 설정방법 link - html head에 하단 코드 삽입 import - css에 삽입 font-face - css에 삽입 > 폰트를 지정할 때 한글은 한글 폰트로, 영문은 영문폰으로 나오길 원한다면, 영문폰트명, 한글폰트명 순으로 작성한다. font-s

HTML과 CSS를 함께 배웠지만 CSS만 따로 모호하게 알고 있던 것 위주로 정리해서 작성했다.해당 주제마다 글을 수정해가며 덧붙일 예정!CSS는 Cascading Style Sheets의 약자이다.Cascading: 연속화cascade : 폭포CSS에서 스타일이 적

URL, IP, PORT 개념정리 | | URL | IP | PORT | | - | - | - | :-: | |예시 | www.naver.com | 223.130.195.200 | ~.com:80 | | 비유 |이름 | 주소 | 문 | | |네이버본사 | 00시

구조체는 값(value) 타입이다.타입 이름은 대문자 카멜케이스를 사용하여 정의한다.스위프트 대부분 타입은 구조체로 이루어져 있다. 구조체 정의}가변 인스턴스가변 프로퍼티 변경가능불변 프로퍼티는 인스턴스 생성 후 수정 불가불변 인스턴스불변 프로퍼티 포함 가변 프로퍼티

값이 있을 수도, 없을 수도 있음을nil이 할당 될 수 있는지 없는지 표현명시적 표현 1\. nil의 가능성을 코드만으로 표현가능 2\. 문서/주석 작성 시간 절약안전한 사용 1\. 전달받은 값이 옵셔널이 아니라면 nil

if 뒤의 조건 값에는 Bool 타입의 값만 위치해야 한다조건을 감싸는 소괄호는 선택사항 \- 스위프트의 switch 구문은 다른 언어에 비해 굉장히 강력한 힘 \- 정수타입의 값뿐만 아니라 대부분의 스위프트 기본 타입을 지원하며, 다양한 패턴과 응용 가능.\- 명시

function 함수 > #### 함수의 선언 \- 기본 형태 \- 반환 값이 없는 함수 \- 매개변수가 없는 함수 \- 리턴값, 매개변수 둘다 없는 함수 > #### 기본값이 있는 매개변수 기본값을 갖는 매개변수는 매개변수 목록 중 뒤쪽에 위치하는 것이 좋

Bool, Int, UInt, Float, Double, Character, StringBool - 참 거짓\- 정수값은 안된다Int - 64bit 정수\- 100.1 실수넣으면 오류남UInt - 언사인드인트 (부호가 없는 정수)\- 음수 오류남Float - 부동소수

iOS에 관심이 생겨서 네이버 부스트코스에 있는 야곰님의 swift 기본 문법 강의를 듣기로 했다. > #### 특징 macOs Ubuntu 환경에서 사용가능 애플이 만든 오픈 소스 언어 문법표현이 다양하다 표현력이 좋음 ( - / - ) 같은 의미 > ####

여러타입이 하나로 합쳐진 타입| 를 사용해서 만드는 유니언(합집합)타입터미널에 위에 두줄을 입력하면 1,2,3 하고 'a','b','c'가 출력됨function isAction(v: User | Action) : v is Action { return (v).do