본문 바로가기

분류 전체보기340

[React Native] React Native란? 리액트 네이티브에 앞서 기본 모바일 앱이란? 기본 모바일 앱은 운영체제(Android 또는 iOS) 용으로 제작된 앱이다. iOS에서 네이티브 앱을 빌드할 때는 보통 Objective-C/Swift 개발 언어를 사용하고, Android에서는 Java/Kotlin을 사용한다. 규모가 큰 회사에서는 Android 개발자와 iOS 개발자 그리고 웹 개발자를 구분하여 두는 것이 큰 부담이 되지는 않을 것이다. 하지만 신생 스타트업이나 규모가 크지 않은 프로젝트를 진행하는 회사라면? 리액트 네이티브는 JavaScript 언어로 앱 개발을 시작할 수 있다. 리액트 네이티브란? Native UI Element를 사용하여 Android 및 iOS 앱을 개발할 수 있는 크로스 플랫폼 앱 개발 프레임워크이다. JavaSc.. 2021. 12. 2.
[React.js] universal-cookie를 이용한 쿠키 설정 쿠키(Cookie)의 개념 쿠키란? 인터넷 사용자가 어떠한 웹 사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터(클라이언트)에 설치되는 작은 기록 정보 파일이다. HTTP 쿠키, 웹 쿠키, 브라우저 쿠키라고도 하며, 이 기록 파일에 담긴 정보는 인터넷 사용자가 같은 웹사이트를 방문할 때마다 읽히고 수시로 새로운 정보로 바뀐다. 쿠키의 종류 세션쿠키 (Session Cookie) 보통 만료시간(Expire data)를 설정하고 메모리에만 저장되며 브라우저 종료 시 쿠키를 삭제한다. 지속쿠키(Persistent Cookie) 장시간 유지되는 쿠키파일로 저장되어 브라우저 종료와 관계없이 사용한다. Secure Cookie HTTPS에서만 사용, 쿠키 정보가 암호화되어 전송한다.. 2021. 12. 1.
[React.js] 익스플로러(IE) 호환 IE의 ES6문법 미지원 문제 React는 기본적으로 JavaScript ES6이상의 문법을 사용한다. 위와 같이 Internet Explorer은 ES6문법을 지원하지 않기 때문에, 별도의 호환 과정이 필요하다. React 프로젝트를 IE11에서 실행 시 아래와 같은 에러가 발생한다. 이러한 에러는 react-app-polyfill을 사용해 해결이 가능하다. 해결방법 : react-app-polyfill 설치 React 개발에서 사용하는 다양한 문법을 변환해주는 라이브러리이다. Promise, window.fetch, Symbol, Object.assign, Array.from + [IE9 Map, Set]와 같은 필요한 것만 포함하고 있어 사이즈가 작고 가벼운게 특징이다.설치 방법 1. npm ins.. 2021. 11. 30.
Cross-Site Request Forgery(CSRF)이란? Cross-Site Request Forgery(CSRF)이란? XSRF 또는 Session Riding이라고도 하는 CSRF(교차 사이트 요청 위조)는 웹 브라우저를 속여 사용자가 로그인한 응용 프로그램에서 원치 않는 작업을 실행하도록 하는 공격이다. 성공적인 CSRF 공격은 비지니스와 사용자 모두에게 치명적일 수 있다. 세션 쿠키 도난을 포함하여 클라리언트 관계 손상, 무단 자금 이체, 비밀번호 변경 및 데이터 도난이 발생할 수 있다. CSRF는 일반적으로 피해자를 속여 위조된 요청을 서버로 보내도록 유도하는 이메일이나 링크와 같은 악의적인 소셜 엔지니어링을 사용하여 수행된다. 의심하지 않는 사용자는 공격 시 애플리케이션에 의해 인증되기 때문에 합법적인 요청과 위조된 요청을 구별하는 것이 불가능하다... 2021. 11. 29.
Cross Site Scripting(XSS)이란? Cross Site Scripting(XSS) 공격이란? Cross Site Scripting(XSS) 공격은 악의적인 사용자가 공격하려는 사이트에 악성 스크립트를 주입하는 것이다. 공격에 성공하면 사이트에 접속한 사용자는 악성 스크립트를 실행하게 되며, 보통 의도치 않은 행동을 수행시키거나 쿠키나 세션 토큰 등 민감한 정보를 탈취한다. 공격 방법에 따라 Stored XSS와 Reflected XSS로 나뉜다. Stored XSS는 사이트 게시판이나 댓글, 닉네임 등 스크립트가 서버에 저장되어 실행되는 방법이고, Reflected XSS는 보통 URL 파라미터(특히 GET 방식)에 스크립트를 넣어 서버에 저장하지 않고 즉시 스크립트를 만드는 방식이다. 후술된 내용 대부분은 Stored XSS라고 생각하면.. 2021. 11. 27.
[React.js] Warning: Use the 'defaultValue' or 'value' props on <select> instead of setting 'selected' on <option> Warning Message Warning: Use the 'defaultValue' or 'value' props on instead of setting 'selected' on Warning Message가 발생하는 이유 일반적인 HTML에서 에 기본값을 설정하는 방법은 option 요소 중 하나에 selected 속성을 추가하는 것이다. 하지만 React에서는 다음과 같이 option 태그에 selected를 사용하면 경고가 발생한다. First Second Third 해결방법 select 태그에 defaultValue를 사용해 기본값을 설정할 수 있다. First Second Third 2021. 11. 26.
반응형