전체 글 썸네일형 리스트형 JavaScript - map() 함수의 사용 map() 은 배열의 각각의 요소에 대하여 주어진 함수를 적용시켜 반환한다. const array = [1, 2, 3, 4, 5]; const array1 = array.map(x => x*2) console.log(array); // [1, 2, 3, 4, 5] console.log(array1); // [2, 4, 6, 8, 10] 더보기 JavaScript - 단축 평가 논리 계산법 단축 평가 논리 계산법은 선행 인자의 값이 유효(true)할 때 후행 인자의 값을 출력하고 선행 인자 값이 유효하지 않을 때(false) 선행 인자를 출력한다. var a = 'Hello'; var b = undefined; console.log(a && 'World') // World console.log(b && 'World') // undefined console.log( true && 'Hello World' ); // Hello World console.log( false && 'Hello World' ); // false console.log( 1 && 'Hello World' ); // 1 console.log( 0 && 'Hello World' ); // 0 console.log( null.. 더보기 React 시작(실행)하기 - Windows(윈도우) 기준 다음 4가지를 설치합니다. 1. VS Code (code.visualstudio.com/) 2. Git for Windows (gitforwindows.org/) 3. node.js (nodejs.org/ko/) 4. yarn (classic.yarnpkg.com/en/docs/install/#windows-stable) git bash를 열어Git Bash를 실행하여 React 프로젝트를 생성할 위치로 이동한 후 다음 명령어를 입력합니다. npm install -g create-react-app 이어서 다음 명령어를 입력합니다. // React 프로젝트 생성 create-react-app hello-react // 생성한 프로젝트로 이동 cd hello-react // React 실행 yarn start 더보기 크로스 사이트 스크립팅 - XSS 대책 크로스 사이트 스크립팅이란 변조를 사용하여 웹 브라우저에서 악성 스크립트를 실행시키는 공격 기법을 크로스 사이트 스크립팅(Cross Site Scripting) 즉, XSS이라 합니다. 조금 더 쉽게 얘기하자면 GET 또는 POST 이용하여 '' 다음과 같은 텍스트를 댓글에 입력하게 되면 해당를 게시물을 조회할 때 마다 '!!'이라는 경고창이 나오게 됩니다. 즉, HTML 코드에 사용하는 문자를 그대로 표시하며 웹 브라우저의 레이아웃을 무너지게 만듭니다. XSS 대책 - htmlspecialchars() 웹 브라우저에 표시하기 전에 'htmlspecialchars()' 사용하여 악성 문자를 처리하면 됩니다. htmlspecialchars ( string $string [, int $flags= ENT_C.. 더보기 GET과 POST 차이 GET은 요청을 URL에 붙이므로 북마크 할 수 있다. https://yangheat.tistory.com?type1=php&type2=study GET은 다음과 같이 URL에 쿼리 문자열을 붙여 사용하여 데이터를 가져옵니다. 쿼리 문자열은 URL 주소의 물음표 뒤에 붙는 키와 값의 쌍이 연속된 부분이며 키를 파라미터라고 부릅니다. 쿼리 문자열은 'type1=php&type2=study'이고 파라미터는 'type1'과 'type2'입니다. 즉, 주소 창에 쿼리 문자열이 표시되므로 북마크를 할 수 있어 그대로 URL에 입력하면 동일한 결과 값을 얻을 수 있습니다. 때에 따라 편리하게 느낄 수 있지만 주소 창에 파라미터 값을 변경할 수 있어 재요청하는 것이 쉽습니다. 반면 POST는 파라미터 값을 본문에 포.. 더보기 [LINUX] scp 사용법 - 파일 전송 scp란 로컬과 원격서버끼리 파일을 전송할 수 있다. 사용법 원격 -> 로컬 scp [원격 사용자ID]@[원격 IP주소]:/[원격경로] [로컬 경로] 8.8.8.8(원격) 서버의 /home/tmp/test.txt를 로컬서버 /home/tmp/에 저장 scp yangheat@8.8.8.8:/home/tmp/test.txt /home/tmp/ 로컬 -> 원격 scp [로컬 경로] [원격 사용자ID]@[원격 IP]:[원격 경로] 로컬서버의 /home/tmp/test.txt를 8.8.8.8(원격) 서버 /home/tmp/에 저장 scp /home/tmp/test.txt yangheat@8.8.8.8:/home/tmp/ 옵션 폴더 복사 scp -r yangheat@8.8.8.8:/home/tmp /home/ 포트.. 더보기 [PHP] 발견된 위치부터 문자열 출력 - stristr(), mb_stristr() stristr()와 mb_stristr()는 발견된 위치부터 문자열을 출력하는 기능은 동일합니다. 그러나 멀티바이트는 반드시 mb_stristr()를 사용해야합니다. stristr() stristr ( string $haystack , mixed $needle [, bool $before_needle=FALSE ]) : string 인자 설명 $haystack 검색 문자열 $needle 검색 문장 $offset 시작 위치 $before_needle TRUE 시 반대로 출력 세 번째 인수의 디폴트는 FALSE이며 TRUE로 설정되면 반대로 출력합니다. mb_stristr() mb_stristr ( string $haystack , string $needle [, bool $before_needle = FA.. 더보기 [PHP] 문자열이 포함되어 있는 개수 확인 - substr_count(), mb_substr_count() substr_cunt()와 mb_substr_cunt()는 문자열에 포함되어 있는 개수를 확인하는 기능은 같습니다. 하지만 멀티바이트 문자 검색에는 반드시 mb_substr_cunt()를 사용해야합니다. substr_count() substr_count ( string $haystack , string $needle [, int $offset = 0 [, int $length ]] ) : int 인자 설명 $haystack 검색 문자열 $needle 검색 문장 $offset 시작 위치 $length 시작 위치에서부터 길이 $offset을 8로 지정한다면 "zero one two one"을 "two one"에서 "one"을 찾습니다. $offset을 5로 $length를 6을 지정한다면 "zero one .. 더보기 이전 1 2 3 4 5 6 7 8 ··· 10 다음