Web

Cookie, Local / Session Storage란 무엇일까? 어릴때부터 인터넷을 접해온 사람이라면 쿠키에 관해서는 들어봤을 것이다. 쿠키삭제를 하면 좀 더 빨라진다는 그런 얘기들 한 번쯤 들어 봤을 텐데. 그 쿠키가 오늘 다뤄볼 내용과 동일한 쿠키이다! Cookie 쿠키는 브라우저에서 제공하는 저장소 중에 하나이다. ...

권한분기 웹,리액트에서 권한분기란 말 그대로 권한을 나누는 것이다. 우리가 웹을 이용할때는 일반적으로 하나의 페이지밖에 보지 못한다. 바로 userPage이다. 하지만 웹 개발을 할 때는 보통 2~3가지의 페이지로 나뉘어서 개발을 한다. 이용자 페이지 관리자 페이지 사장님 페이지(or 회원전용 페이지) ...

http 상태코드 (Status code) http통신을 하게되면 요청,응답에 상태에 따라 코드가 붙게된다. 코드라고 해서 어렵게 생각 할 필요가 없다. 단지 수많은 상태들을 문자로 관리하기가 까다롭기때문에 숫자로 정리해서 목록화 한 것 같다. 예를들어 api요청을 성공적으로 보내고 요청도 성공적으로 받아왔다면 http...

브라우저 렌더링 프로세스 우리가 프론트엔드 개발을 할때 next라면 yarn dev 명령어를 통해 프론트엔드 서버를 구동시켜 개발을 해 왔을 것이다. 이제는 렌더링이 어떠한 프로세스를 가지는 지 알아볼 시간이다. 우리가 코드를 실행시키면 서버와 브라우저는 렌더링을 하게된다. 우선 서버에서 밑그림을 그리고 브라우저에서 다...

토큰 ,XSS ,CSRF 토큰 토큰이란 우리가 로그인등을 할때 받아오는 암호이다. 로그인 정보만을 저장하게되면 보안이 굉장히 취약해지기 때문에 로그인 정보를 JWT라는 데이터변환 방식을 통해 암호화 한다. 이렇게 암호화 한것을 토큰이라고 한다. 이 토큰을 다시 복호화(암호를 원래정보로 돌리는 것)하게 되면 로그인 정보가...

레이지로드와 프리로드 이미지를 예로 들어 레이지로드와 프리로드를 설명하겠다. 레이지 로드 // 우리가 하나의 페이지를 로드해 올때 그 안에 모든 사진을 한번에 로드한다면 시간이 꽤 오래 걸릴 것이다. 때무에 무한 스크롤 처럼 이미지가 보이는 순간에 로드를 시작하는 것이다. 보기엔 느릴 수 있지만 한번에 모든 것을 로드하는...

옵티미스틱 ui 옵티미스틱 ui는 프리로드와 비슷한 면이 있다. 바로 사용자를 속이는 것인데 프리로드는 미리 로드를 해놓고 숨겨놓는 것이였다면 옵티미스틱 ui는 요청을 넣었을때 그 리턴값이 오기전에 개발자가 그 값을 예측하여 화면에 미리 보여주는 것이다. 때문에 중요한 정보, 예측 불가능한 곳에서는 사용 할 순 없다. ...

도메인 도메인은 우리가 알고있는 www.naver.com 와 같은 홈페이지 주소를 말한다. 근데 우리가 만드는 프로젝트는 왜 아이피주소로 나올까?? 사실 모든 웹사이트의 주소는 아이피주소이다. 하지만 DNS를 이용해 도메인 주소를 입력하면 해당 아이피로 이동하게 설정을 해놓은 것 뿐이다. 도메인의 정보를 알고싶다면 dig...