본문 바로가기

전체 글169

[Node.js] 악성스크립트 방지 sanitize-html 보안 모듈 html의 input이나 textarea 와 같은 인풋에 와 같이 정보를 입력한다면, 텍스트가 아닌 스크립트로 받아들인다. 즉, 누군가가 악용하여 악성스크립트를 넣을 수 있다는 것이다. ​ sanitize-html은 이런 기법을 막기 위해 나온 모듈이다. 정말 html을 sanitize하는 기술이구나! ​ 설치는 npm install -S sanitize-html ​ 불러오는 방법은 var sanitizeHtml = require("sanitize-html"); 참고: sanitize Input sanitizing library for node.js www.npmjs.com 사용방법이 조금 바뀐건가..? 2021. 1. 9.
[리액트] 중괄호는 언제 사용하나요 For instance, because JSX is a syntactic extension of JavaScript, you can actually write JavaScript directly within JSX. To do this, you simply include the code you want to be treated as JavaScript within curly braces: { 'this is treated as JavaScript code' }. Keep this in mind, since it's used in several future challenges. 출처: freecodecamp.org ​ JSX는 JavaScript + HTML이다. JSX에서 자바스크립트 코드는 {} (cu.. 2021. 1. 9.
[리액트] 클래스형, 함수형 컴포넌트 차이 간단 정리 리액트 컴포넌트를 만드는 두가지 방식이 있다. - 클래스 컴포넌트와 함수 컴포넌트. 생김새 - 클래스 컴포넌트 class Welcome extends React.Component { render() { return Hello, {this.props.name}; } } - 함수 컴포넌트 function Welcome(props) { return Hello, {props.name}; } 함수형 컴포넌트가 클래스형보다 더 간단하다. 하지만 함수형이 클래스형보다 뒤늦게 나온거라 클래스형으로 작성 된 프로젝트가 많이 존재한다. -> 유지보수를 위해서 클래스 컴포넌트를 알아둬야 한다. 특징 - 클래스 컴포넌트 Component로부터 상속을 받아야한다. class 키워드가 필요하다. render()가 필수적이다. s.. 2021. 1. 8.
[자바스크립트] 콜 스택(Call stack), 블로킹(Blocking) 개념 이해 이벤트 루프에 대해 어려움을 겪던 중 이 영상을 보게 되었다. ​ 우선, 자바스크립트는 싱글 스레드(single threaded) 프로그래밍 언어이다. 싱글 스레드라는 건, 한 번에 하나의 call stack을 갖고 있고, 그 말은 다시 말해 한 번에 하나씩만 일 처리를 할 수 있다는 말 ​ Call stack A call stack is a mechanism for an interpreter (like the JavaScript interpreter in a web browser) to keep track of its place in a script that calls multiple functions — what function is currently being run and what function.. 2021. 1. 8.
[자바스크립트] localStorage 데이터 저장/삭제 해결 방법 이전에 TO DO LIST와 유사한 쇼핑목록 웹사이트를 만들었다. 입력, 삭제가 가능하지만 페이지를 새로고침 하면 사라졌다. ​ [JavaScript] (해결) 동적으로 font awesome 아이콘 추가하기 나는 쇼핑목록 앱을 만들고있다. TO DO LIST처럼 쇼핑할 물건들을 적는 리스트이다. 현재 문제점 : appendChild, innerHTML 등을 이용하여 font awesome icon을 추가하려한다. 이런식으로. 다만 x 표시(빨간색 breathtaking-life.tistory.com 이제는 더 나아가 페이지를 새로 고침해도 데이터가 남아 있게 만들고 싶었다. 구글링 해보니 localStorage가 있었다. 참고: Window.localStorage - Web APIs | MDN The .. 2021. 1. 7.
[C언어] 문자열 행렬 출력 입력 예시) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam ​ 출력 결과) 첫 줄에 행, 열 입력, 두번째 줄에 문장을 입력한 결과이다. ​ 그 후 strtok를 사용하여 띄어쓰기를 기준으로 문장을 나누어 배열에 저장하였다. 배열에 단어로 나누어 저장된 결과 그리고 출력! 간단한 문제였다. #include #include #define MAX 100 int main() { char input[MAX] = { NULL }; char *answer[MAX] = { NULL }; int row .. 2021. 1. 7.

티스토리툴바