전체 글 (115) 썸네일형 리스트형 TIL - 2022.04.06 1. 면접 준비 면접 스터디 준비 (인성 면접) 2. 오늘 배운 개발 지식 CSS 지식이 정말 부족하다는 것을 깨달았다. 박스 모델부터 display의 속성 중 inline, inline-block의 차이, float의 의미를 제대로 설명하지 못했다. 박스 모델 같은 경우에는 포스팅을 하였고 (https://help-solomon.tistory.com/105) inline과 inline-block 추가로 block의 차이는 아래와 같다. - inline : 줄 바꿈 없이 다른 요소들과 함께 한 줄로 나란히 콘텐츠가 정렬, width와 height가 무시된다. content가 차지하고 있는 크기만큼의 공간만 차지한다. 부모 요소 너비를 초과하면 새 행으로 자동 줄 바꿈 - block : 전 후 줄 바꿈이 .. 박스 모델(Box Model) - 박스 모델 (Box Model) 모든 HTML 요스는 box 모양으로 구성되며, 이것을 박스 모델이라고 부름 박스 모델은 HTML 요소를 padding, border, margin, content로 구분 1. content : text나 image가 들어있는 박스의 실질적인 내용 부분 2. padding : content와 border 사이의 간격 3. border : content와 padding 주변을 감싸는 테두리 4. margin : border와 이웃하는 요소 사이의 간격 - HTML 요소의 높이와 너비 관계 너비 = width + left padding + right padding + left border + right border + left margin + right margin 높이 .. TIL - 2022.04.05 1. 면접 준비 면접 스터디 진행 ( Web / HTTP / Network 관련) 보안 관련하여 CSRF와 XSS에 대해서 설명을 아예 하지 못했다. Reflow가 발생하는 이유와 최적화 방법에 대해 제대로 설명하지 못했다. https://help-solomon.tistory.com/80?category=1026236 4번과 8번을 다시 참고하여 리마인드 내용이 방대하다 보니 잘 요약해서 나만의 문장으로 만드는 연습을 더 해야겠다. 2. 오늘 배운 개발 지식 require와 import의 차이점, React에서의 TypeScript 사용법 및 설치법, Vite (build tool) 개념 3. 개인 프로젝트 진행 TypeScript를 익힐 겸하여 기존 진행하고 있던 프로젝트를 TypeScript로 변환작.. TypeScript 개념 및 설치 방법 (React) - TypeScript JavaScript의 SuperSet(상위 확장)인 오픈소스 프로그래밍 언어이다. 동적 타입인 JavaScript는 소규모일 땐 편할지 몰라도 대규모 혹은 다른 사람과 협업을 해야 되는 상황에서는 동적 타입은 직관적으로 어떤 타입의 변수인지 알 수 없어 치명적이다. TypeScript는 JavaScript에 Type 문법을 더하여 이러한 문제를 해소하고자 나왔다. 또한 에러 메시지 수준도 올라갔다. - 기본 설치 (기본 html + css + typescript 개발 시) 1) typescript 설치 (global) npm install -g typescript 2) tsconfig.json 생성 후 아래 내용 작성 { "compilerOptions": { "target": "e.. TIL - 2022.04.04 1. 면접 준비 면접 스터디 대비 ( Web / HTTP / Network 관련) 2. 개념 정리 명확하게 알고 있지 않은 것들에 대한 remind 및 정리 reduce, 원시 자료형, 참조 자료형, useEffect로 componentWillUnmount 개념, HTTP Status Code 정리 등 HTTP Status Code - HTTP Status Code 특정 HTTP 요청이 성공적으로 완료되었는지 알려준다. 응답은 5개의 그룹으로 나누어진다. 100번대 : 정보 확인 200번대 : 통신 성공 300번대 : 리다이렉트 400번대 : 클라이언트 오류 500번대 : 서버 오류 - 주요 Code 200 (OK) : 요청 성공 (GET) 201 (Create) : 생성 성공 (POST) 202 (Accepted) : 요청 접수 O , 리소스 처리 X 204 (No Contents) : 요청 성공, 내용 없음 300 (Multiple Choice) : 요청 URI에 여러 리소스가 존재 301 (Move Permanently) : 요청 URI가 새 위치로 옮겨감 304 (Not Modified) : 요청 URI의 내용 변경이 없음 .. 원시 자료형, 참조 자료형 - 원시 자료형 데이터 타입 중 변경이 불가능한 값(immutable value)을 말하며, 자료형 Type으로는 string, number, boolean, undefined, null, symbol 이렇게 6가지가 있다. 원시 자료형은 stack에 생성되고 변수가 할당될 때, 메모리의 고정 크기로 값을 저장하고 해당 주소를 직접 참조한다. immutable value기 때문에 메모리 영역에서의 변경이 불가능하며, 재할당은 가능하다. ex) let str = "Hello"; str = "World"; 처음 str에는 메모리에 "Hello"가 생성되고 식별자 str은 메모리에 생성된 문자열 "Hello"의 메모리 주소를 가리킨다. 그리고 다음 구문에서 str은 메모리에 있는 "Hello"를 수정하는 것이.. TIL - 2022.04.03 1. 면접 준비 자바스크립트, 여러 기술 스택 등 정리 및 입에 붙이기 이전 1 2 3 4 5 6 ··· 15 다음
