프론트엔드
1.웹 템플릿 엔진(Web Templete Engine)
렌더링 : HTML, CSS, 자바스트립트로 작성된 문서를 브라우저에 출력하는 것. Static Site : 서버의 문서를 받아와서 보여주는 방식 iframe : 문서내에서 부분적으로 또 다른 문서 삽입 AJAX : 서버에서 필요한 데이터를 받고, JS 로 동적으로
2.브라우저 저장소
브라우저 저장소가 필요한 이유영구 데이터: userId를 저장하여 리프레쉬후에도 로그인 유지인증: 저장된 이메일, 비밀번호로 로그인어플리케이션 속도 향상 : 이미지, 동영상, 큰 API 응답을 저장하여 재요청 방지오프라인,낮은 네트워크에서의 접근성 : 서비스워커, 캐시
3.XSS 대응방안
XSS(크로스 사이트 스크립팅) 웹사이트 관리자가 아닌 이가 웹 페이지에 악성 스크립트를 삽입할 수 있는 취약점 여러 사용자가 보게 되는 전자 게시판에 악성 스크립트가 담긴 글을 올리는 형태 XSS 유형 Reflected XSS HTTP 쿼리 매개 변수 (예 : HT
4.안드로이드 배포
2008년 부터 안드로이드 배포에 사용되어진 파일 형식META-INF, res, lib, AndroidManifest.xml, classes.dex, resources.arsc 파일을 포함한다.AndroidManifest.xml: 패키지, 어플리케이션의 컴포넌트, 권
5.[regexp] Look Around
Look Around 는 매치되는 문자의 전후문자에 조건을 추가하는 부분으로, 매치 결과에 포함되지 않는다.중첩을 허용한다. 두 조건이 존재할 경우, 두 조건 모두 일치해야 매칭된다.Look Around 종류LookaheadNegative lookaheadLookbeh
6. Ajax vs Fetch vs Axios
JavaScript를 사용한 비동기 통신XHR(XML HTTP Request)객체 사용클라이언트와 서버간에 데이터를 주고받는 기술JQuery를 사용할 경우, 코드가 간단하고 브라우저 호환성이 보장된다.다중 요청이 가능하다.취소 요청/진행 추적 가능작동하기 번거롭다.중요
7.React 개발에 고려할 사항들
소개된 10가지 사례중, 현재 가장 기억하고 싶은 3가지만 우선 정리한다.jsconfig.json 설정@절대경로 사용“export default” 는 임포트시, 이름을 변경이 가능하다는 장점이 있다.만약, default 를 모든 파일에 기본적으로 사용할 경우, 문제가
8.pt vs px
외부 에디터의 스타일 제한을 진행하면서 글꼴 크기의 pt px 정리가 필요했다.정의: 1pt는 1/72인치입니다. 물리적인 크기화면 해상도에 관계없이 일정한 물리적 크기를 유지. 12pt 글꼴은 대략 1/6인치의 높이정의: 1px는 화면에 표시되는 한 점화면의 해상도에