CASSIE'S BLOG

리액트: : 사용자인터페이스를 잘 다루기 위한 툴 Next.js는 자바의 Spring 같은거다. ✅ 클라이언트사이드 렌더링 클라이언트사이드 렌더링에서는 브라우저에서 업데이트가 일어나게되면 데이터만 fetching을 받아서 클라이언트에서 다시 그리는 로직들을 제공을 한다. 매번 html파일을 불러오지않고 처음에만 html 파일을 불러온다. ✅https://nextjs.org/docs Docs | Next.js Welcome to the Next.js Documentation. nextjs.org SSR은 매 번 HTML파일을 불러온다. ✅pages/api TypeScript는 필수인데, Next.js는 Optional 넥스트js에 집중하려고 next.js 사용안한다고 함 이번에 next.js는 13버전부터..

원어민: Rumor has it. you are considering retirement. 소문에는 당신이 은퇴를 고려하고 있다는데

✅XSS 공격 (Cross-Site Scripting) XSS는 웹 애플리케이션에서 발생하는 보안 취약점 중 하나로, 공격자가 악의적인 스크립트를 웹 페이지에 삽입하는 기술입니다. 이 스크립트는 사용자의 브라우저에서 실행되기 때문에 공격자는 사용자의 세션 쿠키, 로그인 정보 등을 탈취하거나, 웹 페이지를 조작하거나, 기타 다양한 악의적인 행위를 수행할 수 있습니다. XSS는 크로스사이트 스크립팅이라고도 불립니다. XSS의 주요 유형은 다음과 같습니다: Stored XSS: 악의적인 스크립트가 서버에 저장되고, 해당 스크립트가 사용자에게 제공될 때 발생합니다. Reflected XSS: 악의적인 스크립트가 사용자의 입력을 통해 즉시 반사되어 실행되는 경우입니다. 예방 방법은 사용자 입력을 적절히 이스케이핑..

Map 과 Set • 객체 : 키가 있는 컬렉션을 저장 • 배열 : 순서가 있는 컬렉션을 저장 ✅Map (맵) • 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. • 키가 있는 데이터를 저장한다는 점에서 객체와 유사하다. • 맵은 키에 다양한 자료형을 허용한다는 점에서 차이가 있다. • 즉. key와 value 의 쌍을 저장하며 각 쌍의 삽입 순서도 기억하는 컬렉션이다. • 맵은 객체와 달리 키를 문자형으로 반환하지 않는다. • 키에 자료형 제약이 없다 ✅ 셋(set) • 중복을 허용하지 않는 값을 모아 놓은 특별한 컬렉션 • set에 키가 없는 값이 저장된다. 엄청 잘 정리해주신 사이트: https://lakelouise.tistory.com/38..

자바스크립트 상위집합 자바스트립트 위에서 동작, 정적타이핑을 지원 JavaScript의 동적 타이핑과는 달리, TypeScript에서는 변수의 타입이 컴파일 시에 명시되고, 이를 통해 코드 작성 중 발생할 수 있는 일부 오류를 사전에 감지할 수 있습니다. 필수로 가져가는 회사가 많아서 타입스크립트 프젝도 하는 것을 추천함 1. 에러 사전 방지 2. 인터페이스, 제네릭같은 객체지향 프로그래밍 지원한다. Oop와 관련된 도구들이 생긴다 타입스크립트 설치 및 사용해보기 디렉토리에 간단한 ts 파일 만들기 npm init -y (모든 파일 만드는 옵션에 다 yes해서 바로 파일 만들어주는 단축키다.) npm install typescript (dependencies에 typescript 들어갔는지 확인) npx..