본문 바로가기

교육후 개인공부61

XML, JSON, YAML, AJAX API를 사용해서 컴퓨터끼리 주고받을때 정해진형식이 있어야 합니다. 이때 사용되는 형식이 바로 XML, JSON입니다. XML -HTML처럼 마크업 언어입니다. HTML과 같은 원리이며 XML에도 동일한 태그가 사용됩니다. -HTML은 웹 페이지 구조를 개발하는데 사용하는 반면, XML은 플랫폼 간 데이터를 주고받는 데 사용하는 언어이다. -XML에서 사용하는 태그는 각 항목의 내용이 시작되는 곳과 끝나는 곳을 표시함으로써 데이터의 구조를 명확히 보여줍니다. 하지만 반복되는 텍스트가 많아 전체 길이가 길어진다는 단점이 있습니다. 중복되는 구문이 많아서 사람이 읽기에도 가독성이 떨어지고 컴퓨터가 읽고 쓰는속도도 느립니다. JSON -XML보다 구문이 간단하고 높은가독성을 가지고있다. -단점도 있다. 문법 .. 2024. 1. 10.
쿠키, 세션, 토큰 쿠키 -쿠키에는 사용자에게 맡겨도 되는 정보만 저장한다. -사용자는 브라우저의 설정 화면이나 개발자 도구에서 쿠키를 확인하고 수정, 삭제할수있다. 제3자가 조회하는것도 가능하다. 그래서 개인정보를 담은 내용이나 보안상 민감한 정보를 저장하는데에는 적합하지 않다. -남에게 편취되거나 사용자에 의해 조작되어도 크게 문제되지 않는 정보를 저장함으로써 웹사이트 이용을 편리하게 해주는 것이다. -예를 들면 자주보는 웹툰목록이나 웹페이지의 다크 모드 설정 여부 등과 같은 간단한 정보다. 세션 -사용자가 사이트에 로그인한 상태라는 점을 서버에 인증하지 못하면 클릭을 할때마다 반복해서 아이디와 비밀번호를 서버에 제공해야 합니다. 이런 번거로움을 해결하기 위해 사용하는 것이 세션이다. -사용자가 사이트에 한번 로그인하면.. 2024. 1. 9.
스코프 (미완성) 대부분의 프로그래밍 언어는 함수 몸체만이 아니라 모든코드 블록(if, for, while, try/catch 등)이 지역 스코프를 만든다. 이러한 특성을 블록 레벨 스코프라 한다. var는 오로지 함수의 코드블록(함수 몸체)만을 지역 스코프로 인정한다!!! 이러한 특성을 함수 레벨 스코프라 한다. (함수만 지역스코프로 인정되는데, 함수아니고 if문이니까 x는 전역변수가 되고 의도치않게 변수값이 변경되는 부작용이 발생하는 거다.) var키워드로 선언된 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정하지만 let, const 키워드는 블록 레벨 스코프를 지원한다. 함수가 어디서 호출했는지에 따라 함수의 상위스코프를 결정한다 => 동적 스코프 함수가 어디서 정의했는지에 따라 함수의 상위스코프를 결정한다.. 2024. 1. 2.
[Next.js] Oauth google 구현하기 pages/api/auth/[...nextauth].js import NextAuth from "next-auth"; import GoogleProvider from "next-auth/providers/google"; export const authOptions = { providers: [ GoogleProvider({ clientId: process.env.GOOGLE_CLIENT_ID, clientSecret: process.env.GOOGLE_CLIENT_SECRET, }), ], secret: "qwer1234", }; export default NextAuth(authOptions); 로그인버튼과 로그아웃버튼을 만들었다. LoginBtn.js "use client"; import { sign.. 2023. 12. 9.

티스토리툴바