[Javascript] XSS(Cross-Site Scripting), CSRF(Cross-Site Request Forgery) [Javascript] XSS(Cross-Site Scripting), CSRF(Cross-Site Request Forgery) XSS (Cross-Site Scripting)XSS는 웹 애플리케이션에서 악의적인 스크립트를 삽입하는 공격 기법입니다.공격자는 이러한 스크립트를 사용하여 다른 사용자의 브라우저에서 악의적인 코드를 실행할 수 있습니다. 종류XSS 공격은 주로 세 가지 종류가 있습니다:저장된 XSS (Stored XSS): 악성 스크립트가 서버에 저장되고, 다른 사용자가 해당 데이터를 요청할 때마다 스크립트가 실행됩니다.반사된 XSS (Reflected XSS): 악성 스크립트가 즉시 서버로부터 반사되어 브라우저에서 실행됩니다. 일반적으로 URL이나 폼 데이터를 통해 전달됩니다.DOM 기반.. [Javascript] at(), slice(), splice() [Javascript] at(), slice(), splice()강의를 보던중 at이라는 함수의 쓰임을 보고 비슷한 기능을 하는 함수들과비교를 해보고 싶다는 생강이 들어서 블로그에 정리합니다. .at(), .slice(), 그리고 .splice()는 JavaScript에서 배열을 다룰 때 사용하는 메서드입니다. .at()JavaScript에서 배열(Array), 문자열(String), 그리고 타입화 배열(TypedArray)에서 특정 인덱스에 있는 요소를 반환하는 메서드입니다.이 메서드는 특히 음수 인덱스를 사용하여 배열이나 문자열의 끝에서부터 요소를 가져올 때 유용합니다.음수 인덱스 사용 가능: 기존의 대괄호 표기법(array[index])에서는 음수 인덱스를 사용할 수 없지만, .at() 메서드를.. [Javascript] New URL(), New URLSearchParams() [Javascript] New URL(), New URLSearchParams() New URL()new URL()는 JavaScript에서 URL 객체를 생성하기 위한 생성자 함수입니다.이 객체는 웹 주소를 구성하는 다양한 부분에 접근하고 조작할 수 있게 해줍니다.예를 들어, 다음과 같은 URL이 있다고 가정해봅시다: https://www.example.com:8080/path?query=1#hash이 URL을 new URL()을 사용해 객체로 만들어 보면 다음과 같습니다:const url = new URL('https://www.example.com:8080/path?query=1#hash'); 이제 url 객체를 사용하여 URL의 각 부분에 접근할 수 있습니다. 몇 가지 주요 속성은 다음과 같습.. [Javascript] NanoId, @faker-js/faker (더미데이터 만들기) [Javascript] NanoId, @faker-js/faker (더미데이터 만들기)보통 프론트 개발을 하다보면 더미데이터가 필요할 때가 있다.백엔드에서 api를 공유해주기 전 데이터가 많을 때, 생성할때 삭제할 때 등등 여러가지 경우에 꼭 필요한데전까지는 직접 간단히 만들어서 사용했었다.아시파시피 이런 일은 정말 귀찮고 번거로운 일이다.아이디, 이름 생각해 내는것도 쓸데없이 피곤해서 이름1, 2, 3 이런식을 붙여주기도 한다.그러면 멋도 안나고 테스트로서의 기능도 좋지 않다.그러다 이번에 강의를 들으면서 만나게 된 자바스크립트 라이브러리인NanoId, @faker-js/faker를 소개하려 한다. NanoIdNanoID는 짧은, URL 친화적인 유니크 ID를 생성하는 라이브러리입니다.이 라이브.. [Javascript] ESLint (.eslintrc) [Javascript] ESLint (.eslintrc)ESLint는 EcmaScript(javascript) 와 Lint를 합친 것으로 여기서 Lint는 에러가 있는 코드에 표시를 달아놓는 것을 의미한다.즉 ESLint는 자바스크립트 문법에서 에러가 발생하면 표시해주는 도구이다.ES는 EcmaScript로서, Ecma라는 기구에서 만든 Script, 즉, 표준 Javascript를 의미합니다.즉 Javascript에 에러가 있는 코드에 표시를 달아놓는 것(Lint)을 의미한다.이뿐만 아니라 전반적인 코딩스타일까지 지정할 수 있으므로 협업에 유용하다.여러사람이 코딩을해도, 한사람이 코딩을 한것처럼 코드 룰을 정해준다.다른 말로는 코딩 컨벤션에 위배되는 코드나 안티 패턴을 자동 검출하는 도구다.ESLint.. [Javascript] 진법 변환 (toString(), parseInt()) 백준 문제를 풀다가 하나도 모르겠는 부분이 나왔다.진법 변환...이 부분은 시간을 끌 필요가 없다 생각하고 바로 공부하고와서 다시 풀어보기로 결정했다.그 내용을 블로그에 올리려 한다. 진법변환에는 toString()과 parseInt가 사용된다. 둘의 차이는10진수를 다른 수로 변환시키는가, 다른 수를 10진수로 변환시키는가에 있다. 10진수를 다른 진수로 변환하기 위해서는 toString()을,다른 진수를 10진수로 변환하기 위해서는 parseInt()를 쓴다. toString()특정 객체를 문자열로 반환해준다.원하는 10진수를 특정 진수로 변환하고 싶을때 사용한다.어떤 수를 .toString(몇진수로 변환하고 싶은지)때문에 인자로 2와 36사.. 이전 1 다음
