Dug_House

this란 누가 함수를 호출 했는지를 명시한다 함수를 호출할 때 결정된다. 누구인가? 누가 날 불렀어 - 궁예 == this - 일반함수 : 함수 호출을 한 위치에 따라서 this를 동적으로 결정한다. 그렇지 않게 하려면 this를 바인딩을 해야 한다 화살표 함수 : 함수를 선언했을 때 this가 정적으로 상위 스코프의 this를 가리키고 이것을 Lexical this라고 한다 자세히 ... https://sanghoon98.notion.site/JS-this-c585a8fd19af4f64a25bda752c1fcab9 JS의 this 누가 함수를 호출했는지를 명시한다. sanghoon98.notion.site

보시기 전에 요약하자면 화살표 함수는 선언시의 this를 상위 scope의 this를 갖는데 그냥 함수는 어디서 호출하냐에 따라 this가 변하기 때문에 화살표 함수를 사용하는 것이 좋다 라는 것 입니다. 개인 노션에 정리한 내용입니다. https://sanghoon98.notion.site/d626f610c25247be839aa082b413a19f 화살표 함수 사용 이유 내가 내린 결론 sanghoon98.notion.site

웹 표준 (Web Standards) 웹에서 표준적으로 사용되는 기술이나 규칙 standard(표준)보다는 권고안(recomendation)에 가깝다. HTML, CSS, JavaScript에 대한 규정을 담고 있다. 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다. 웹 접근성, 웹 호환성, 웹 사용성은 모두 웹 표준을 지키기 위해 생긴 개념들이다. 웹 표준을 따를 때 장점 다양한 브라우저나 새로운 기기에서도 올바르게 표시된다. 접근성 향상 검색 엔진 최적화(SEO) meta 요소를 이용한 정확한 문서 정보의 제공과 적절한 제목(heading)의 사용, 의미에 맞는 마크업은 검색 시 결과에 영향을 미치는 중요한 정보이다. 쉬..

XSS (Cross-Site Scritping) 줄이면 CSS인데 Cascading Style Sheet와 혼동이 올 수 있어서 XSS라고 부르는 것이다. 웹 페이지에 악의적인 스크립트를 삽입해 방문자들의 정보를 탈취한다. 의도치 않은 비정상적인 기능 수행을 유발한다. 쿠키나 세션, 토큰을 탈취한다. 공격 대상 스크립트 언어 ex) javascript 취약한 코드 보안 방법 입력할 때와 출력할 때, 모두 필터링하고, 클라이언트에도 막을 수 있을만한 수단을 구성해놓는 것이 좋다 HTML 태그의 사용을 제한하거나 스크립트에 삽입되지 않도록 & 등의 문자를 다른 문자로 치환함으로써 방지한다. CSRF (Cross-site request forgery) 사이트 간 요청 위조 공격자가 사용자에게 특정 행동..

개인 노션에서 정리한 내용입니다. article과 section이 너무나 헷갈려 제 나름의 정의를 내려봤습니다. https://sanghoon98.notion.site/sementic-tag-356b188e1c35414b8ac714fcf8bee153 sementic tag sementic tag를 사용하는 이유 sanghoon98.notion.site

https://sanghoon98.notion.site/MVC-Flux-4450d42440294d02a827ec12e48f89a1 MVC패턴과 Flux 아키텍처 Front-End에 사용되는 프레임워크의 대부분은 MVC(Model-View-Controller) 디자인 패턴을 채택 sanghoon98.notion.site 개인 노션에 정리한 내용입니다.

e.preventDefault()는 DOM의 기본 동작을 방지한다. 여기서 e는 event객체를 의미한다. 예를들어 Check Box의 check가 되는 것 스크롤링 의 페이지 넘어가는 것 , 의 text 입력하기 의 페이지 새로고침 애먹었던 상황 form 태그 안의 button태그는 기본적으로 submit으로 실행된다. 하지만 나는 submit을 원한게 아니었다 그렇기에 e.preventDefault()을 사용해주었다. REF https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault

⚠️ 필요 없다면 최적화 하지마! 웹이나 앱이 느려졌다고 판단됬을 때 최적화를 해라 아무도 방문 안하는데 최적화하는 것 만큼 비효율적인 게 없다. https://sanghoon98.notion.site/834e7a6576df42f9b3adfe539b90b45c 렌더링 최적화 필요 없다면 최적화 하지마! sanghoon98.notion.site 개인노션에 정리한 내용입니다.