전체 아티클136 왜 크로스 브라우징(Cross Browsing)을 고려해야해요? 목차 · 크로스 브라우징(Cross Browsing) 이란? · 브라우저 간 상호 호환성을 맞추려면, 브라우저간 100%의 동일성을 맞춰야하지 않나요? · 동등성과 등가성, 어디까지 맞춰야할까? · 크로스 브라우징에서 어떤 부분을 테스트해야할까? · 어떻게 맞출 수 있을까? · 어떻게 사용을 해요? · 레퍼런스 크로스 브라우징(Cross Browsing)이란? 크로스 브라우징이란, 한국 소프트웨어 진흥원 공개 SW 지원 센터에서 발간한 `Cross Browsing 가이드` 라는 문서에 따르면 크로스 브라우징에 대해 이렇게 설명을 한다. Cross Browsing 이란 적어도 표준 웹 기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 치우치지 않도록 공.. 2023. 3. 21. 브라우저는 어떻게 작동할까? 목차 · 브라우저란? · 브라우저의 기본 구조 · 렌더링 엔진 동작 과정 · 그렇다면 자바스크립트는? · 레퍼런스 브라우저란? 웹 브라우저는 동기적으로 HTML+CSS, JavaScript 언어를 해석하여 내용을 화면에 보여주는 응용 소프트웨어이다. 웹 브라우저가 웹 서버에 필요한 자원(웹 페이지)을 요청하면 서버는 응답하고 웹 브라우저를 해석한 후 사용자에게 보여준다. 보통 자원은 HTML 문서지만, PDF, 이미지 등 다양한 형태일 수 있다. 브라우저의 기본 구조 · 사용자 인터페이스(UI) 사용자가 접근할 수 있는 영역입니다. URI를 입력할 수 있는 주소 표시줄, 이전/다음버튼, 북마크 메뉴, 새로 고침 버튼과 현재 문서의 로드를 중단할 수 있는 정지 버튼, 홈 버튼 등 요청한 페이지를 보여주는 .. 2023. 3. 14. 보안 정책에 관련된 SOP와 CORS 목차 · SOP(Same-Origin-Policy) · 만약 서버의 도움없이 SOP를 회피해 외부 서버로 요청을 날릴 수 있는 방법은 없는걸까? · CORS(Cross-Origin-Resource-Sharing) · 서버에서 CORS(Cross-Origin-Resource-Shargin) 요청 핸들링하기 · 레퍼런스 SOP(Same-Origin-Policy) 웹 어플리케이션 보안 모델에서 중요한 개념 중 하나인 동일 출처 정책(Same-Origin-Policy)이다. 이 정책에 의해서 자바스크립트(XMLHttpRequest)로 다른 웹페이지에 접근할 때는 같은 출처(Same Origin)의 페이지에만 접근이 가능하다. 같은 출처라는 것은 프로토콜, 호스트명, 포트가 같다는 것을 의미한다. 웹 페이지의 스.. 2023. 3. 14. 화살표 함수는 대체 언제 사용해야할까? 목차 · 객체의 메서드에서 · 프로토타입에서 · 이벤트 핸들러 함수에서 · 화살표 함수의 리팩토링 · 화살표 함수의 장점 · 화살표 함수의 단점 · 레퍼런스 JavaScript ECMAScript 6부터 도입된 화살표 함수(arrow function)은 function 키워드를 사용하여 함수를 정의하는 것보다 적은 타이핑을 요구하고 깔끔한 코드를 작성할 수 있으며, React 클래스 컴포넌트의 생성자에서 이벤트 핸들러 함수를 바인딩하지 않아도 된다는 장점이 존재한다. 자바스크립트에서 일반 함수는 함수를 선언할 때 this에 바인딩할 객체가 동적으로 결정된다. 즉, 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 결정된다. 보통 자바스크립트에서 this가 가리키는 것은 전역객.. 2023. 3. 10. 경험의 미학 목차 · 시간을 낭비하고 있었던 것 같은데 · 모든게 새로웠다. · 시간 낭비였을까? · 내 강점은 무엇일까? · 쓸데 없다고 생각했는데, 아니었다. 시간을 낭비하고 있었던 것 같은데 군 전역을 하고, 대외활동에서 쌓았던 모든 것들이 시간 낭비처럼 생각이 들었었다. Ruby on Rails를 꿈꾸면서 동시에 프론트엔드 개발자 진로를 생각하고 있었는데, 전역하고 세상에 나오자마자 프론트엔드의 빠른 기술 변화로 인해 React 라는 기술 스택을 처음 들어보았다. Ruby on Rails는 국내에서 잠시나마 인기몰이를 하고 사라진 후였다. 디자인에 대해서 학습하고, 배워보면서 동시에 개발도 진행을 했다. 디자인과 개발이라는 접목점이 너무나도 좋았고, 그렇게 시각적으로 보여지는 사용자 환경을 고려하는 것이 너무.. 2023. 3. 9. 리덕스(Redux) 미들웨어 레퍼런스 참조 및 작성 중 👏🏻 2023. 3. 8. 이전 1 ··· 8 9 10 11 12 13 14 ··· 23 다음
