게으른 완벽주의자 게으른 완벽주의자

$ yarn create react-app [프로젝트 이름] / npm init react-app [프로젝트 이름] $ cd [프로젝트 경로] $ yarn start / npm start

안녕하세요 리액트 공부를 본격적으로 해보고자 도서를 검색하던 도중 react 강의로 유명하신 veloper 님의 저서 [리액트를 다루는 기술] 을 구매하게되었습니다. 오늘부터 시작해서 차근차근히 책의 내용을 정리하고자 합니다. 화이팅 1. 시작 1.1 리액트 이해 리액트는 MVC, MVW 등인 프레임워크와 달리 오직 V (view) 를 중요시하는 라이브러리. * 컴포넌트 : 리액트 프로젝트에서 특정 부분이 어떻게 생길지 정하는 선언체 ( 다른 프레임워크의 컴포넌트와 다른 의미) - 재사용 가능한 API로 수많은 기능들 내장 - 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식 정의 * 렌더링 : 사용자 화면에 뷰를 보여주는 것 ? 리액트 라이브러리는 어떻게 렌더링하길래 데이터 변경시마다 새롭게 리렌더..

oracle에서 간단하게 특정문자를 포함하는지 검색할때 유용한 쿼리다. SELECT * FROM USER_SOURCE WHERE 1=1 --and type = 'PROCEDURE' / 'FUNCTION' / 'TRIGGER' (검색하고자 하는 유형 선택) AND TEXT LIKE '%검색할문자%' (검색할 text 입력) ORDER BY NAME,LINE

[차이점] 앞서 작성한 WeakMap과 WeakSet 유사하다. Set과 유사하지만 object를 key로 가져야한다. object는 다른곳에서 접근 가능할 동안만 존재한다. Set 처럼, add, has, delete 메소드를 제공하나 size, keys()와 iteration은 제공하지 않는다. "weak"이 된다는 것은 추가적 저장소로서의 활동하는것을 의미한다. 하지만, 임의적인 데이터가 아닌 예/아니오의 사실만을 위해서다. [사용예] let visitedSet = new WeakSet(); let john = { name: "John" }; let pete = { name: "Pete" }; let mary = { name: "Mary" }; visitedSet.add(john); // John ..

[서문] Garbage Collection : JavaScript 엔진은 value를 메리에 저장하는데 ( 잠재적으로 사용될 수 있을동안 ) let john = { name: "John" }; // the object can be accessed, john is the reference to it // overwrite the reference john = null; 보통, 객체의 프로퍼티 혹은 배열이나 다른 데이터 구조의 요소들은 메모리에 그 데이터구조가 있을 동안만 접근 가능하다. 예를 들어, 배열에 객체를 넣을때, 그리고 배열은 살아있을때, 그 객체에 다른 참조가 없을때도 배열안에 있는 객체는 살아있다. let john = { name: "John" }; let array = [ john ]; jo..

[Set은 뭐고 Array는 뭐야?] JS로 작업을 해본 누구나 Array는 아주 익숙할거야. 하지만 정확하게 Array는 뭘까? 일반적으로 Array는 데이터 덩어리(?) 표현하는 구조적 유형이다.(숫자,객체들 등등..) 연속적인 메모리에 할당되어있어. 예시로 : [1,2,3,2] 그렇다면 Set은? Set은 좀더 수학적 발상으로서, index에 의해 순서적으로 할당될 필요없이 중복없는 요소들/객체들만 포함하는 추상적인 데이터 유형이다. 예시로 : {1,2,3} 맞아, 정의에 의하면, Array와 Set은 기술적으로 다른 개념이야. 가장 큰 차이점중 하나는, Array는 중복될 수 있다는 점이야. 하지만 Set은 그렇지 않아. 게다가, Array는 "인덱스 콜렉션" 이고, Set은 "키 콜렉션" 이야...

Map 과 Object를 잘 비교해서 정리해놓은 글이 있어서 나름(?) 번역해서 정리해놓고자 합니다. [개념] Map 이란 무엇인가?: Map은 data collection 유형으로 ( 좀 더 있어보이게 말하면 - 추상적 데이터 구조 유형) , 즉 데이터가 어떠한 쌍의 형태로 저장되어있는데, 유일한 key와 그 키에 연결된 value를 포함한다.각 저장된 key의 유일함 때문에 중복된 쌍은 없다. Map은 빠른 검색과 데이터를 들여다보는 일에 주로 사용된다. ※ 중요한 점 : Map의 key와 value는 어떠한 데이터 유형으로도 가능하다. string 혹은 integer 로 제한되어있지 않다. Object 란 무엇인가?: 모두들 Object를 알고 있다. 특히 Javascript안에서는. Object는..

Burp Suite ? : 웹 프록시. 통신간의 상세한 정보를 확인 및 서버로 전송되는 정보를 변경하여 취약점 분석에 이용 Burp Suite Free 설치 1) JRE 설치(PC에 없는경우에 한함) 2) Burp Suite Free 설치 https://portswigger.net/burp/releases/professional-community-2020-6?requestededition=community 3) exe 실행파일 실행 Burp Suite 시작하기 : 처음 시작하면 약관 동의 후 해당창이 뜨는데 현재 돌고있는 instance가 없기에 delete 브라우저 설정 : IE를 사용해 인터넷옵션>연결탭>LAN설정 프록시 서버 사용 설정 후 주소-127.0.0.1 / 포트-8080