정원

생명주기 메서드 클래스형 컴포넌트에서만 사용가능 마운트 마운트될 때 발생하는 생명주기 constructor getDerivedStateFromProps render componentDidMount constructor constructor()는 컴포넌트의 생성자 메서드 컴포넌트가 만들어지면 가장 먼저 실행되는 메서드 생성자로 props를 전달받아 state를 초기화 해야 할 때 사용하는 메서드 state를 초기화하지않는다면 구현하지않아도 됨 반드시 첫줄에 super(props);를 호출해야하며 그렇지 않은 경우 오류 발생 constructor() 내부에서는 setState()메서드를 지원하지않음 constructor(props) { super(props); console.log("constructor")..

- HTTP란 무엇인가 HTTP란 서버/클라이언트 모델을 따라 데이터를 주고받기 위한 프로토콜이다. HTTPS는 HTTP에 데이터암호화가 추가된 프로토콜이다. - GET과 POST의 차이는? GET은 주로 데이터를 읽거나 검색할때 사용되는 메서드이고 POST는 업데이트나 생성할 때 사용됨 GET은 데이터 변형위험이 없기때문에 POST보다 안전하다고 간주됨 POST요청은 클라이언트에서 서버로 전송할때 추가적인 데이터를 body에 포함할 수 있지만 GET요청은 필요한 데이터를 URL에 포함하여 요청함 - 브라우저 렌더링과정 1. HTML과 CSS를 파싱해 DOM과 CSSOM을 생성 2. 두 트리를 결합하여 렌더트리를 만듦 3. 렌더트리에서 각 노드의 위치와 크기를 계산하는 레이아웃 단계 거침 4. 계산이 완..

리눅스란? 오픈소스 운영체제이다 우분투 민트를 사용하는것도 오픈소스이기때문에 ! 리눅스 명령어 pwd(print working directory) 현재 위치한 디렉토의 절대경로를 표시 ls(list) 현재 위치한 디렉토리 내 파일/디렉토리 목록을 표시 -a 숨긴파일을 포함한 모든 항목 표시 -d 디렉토리 정보만 표시 -F 디렉토리는 /, 실행가능 파일은 *, 소켓파일은 =, 링크인 경우 @를 파일이음 뒤에 표시 -l 각 항목의 상세 정보들을 함께 표시 -m 각 항목들을 쉼표로 구분하여 표시 -r 항목들을 역순으로 표시 -R 하위 디렉토리의 내용들도 표시 -s kb 단위로 표시 -t 최종 수정시간을 기준으로 표시 -u 최종 액세스 시간 기준으로 표시 cd(경로) 이동하는 명령어 mkdir{디렉토리명} 디렉..

프로퍼티 어트리뷰트 자바스크립트 엔진은 프로퍼티를 생성 할 떄 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동정의한다 프로퍼티 상태란? 프로퍼티 값, 값의 갱신가능 여부, 열거가능 여부, 재정의 가능여부 ​ 프로퍼티 어트리뷰트는 자바스크립트엔진이 관라하는 내부슬롯 [[value]] [[writable]] [[eunmerable]] [[configurable]] ​ 데이터 프로퍼티 키와 값으로 구성된 일반적인 프로터치 value writable: 프러퍼티값의 변경여부 나타냄,볼리언값으로, writable값이 false일경우 해당프로퍼티의 [[value]] 값변경 불가 읽기전용 enumeable: 열거가능여부 불리언값으로 false일경우 for,,if문이나 object.key메서드등을 열거불..

스코프 = 유효범위 = 자바스크립트엔진이 식별자를 검색할때 사용하는 규칙 = 네임스페이스 모든 식별자(함수이름, 변수이름, 클래스이름등)는 자신이 선언된 위치에 의해 다른코드가 식별자 자신을 참조 할 수 있는 유효범위가 결정된다 ​ 전역: 코드의 가장 바깥영역/ 전역스코프/ 전역변수 *어디서든지 참조가능 지역: 함수몸체내부/ 지역스코프/ 지역변수 *자신의 지역스코프와 하위 지역스코프에서 유효 ​ 변수를 참조할떄 자바스크립트 엔진은 스코프 체인을 통해 변수를 참조하는 코드의 스코프에서 시작하여 상위 스코프방향으로 이동하며 선언된 변수를 검색한다 이를 스코프체인이라 한다 ​ 상위 스코프에서 유효한 변수는 하위 스코프에서 자유롭게 참조 가능 하위스코프에서 유효한 변수는 상위 스코프에서 참조불가 ​ 코드불록이 ..

주요 body 태그 ​ 제목태그,폰트 사이즈 차이남 ​ 문단 표시 태그 ​ 하이퍼링크 설정 태그 - href: 하이퍼링크url - target: 링크된 url 이동방법 지정 = _self: 현재 브라우저에 띄움 _blank: 새로운 브라우저 탭에 띄움 ​ 순서가 있는 리스트 (오더 리스트) 순서가 없는 리스트 위 태그내에 사용해서 각 리스트 아이템 표시 ​ 이미지삽입 태그 - src: 이미지 파일 위치(상대경로또는 절대경로로 설정) - alt: 이미지 대체 텍스트 ​ html문서의 특정부분 지정하는데 사용(화면에 표시가 달라지는 부분은 없는 특이태그) ​ ​ ​ 테이블 기본태그 ​ 표구현을 위한 태그, 게시판,데이터관리시 유용, 줄(행 rows)과 칸(열 column)으로 구성 ​ - 태그: table ..