분류 전체보기 (118) 썸네일형 리스트형 TIL - 2022.04.09 1. 코딩 테스트 대부분 문자열을 다루는 문제들이 나왔다. 정규 표현식을 사용할 상황이 나올 줄 몰랐는데 결국 정규 표현식으로 구현한 문제도 있었고, 단순 문자열 + 구현 문제도 나왔다. 마지막 문제는 template 관련 문제였는데 시간이 모자라 결국 풀지 못했다. 실제 프로젝트에서 정규 표현식을 얼마나 사용할지는 모르겠지만 정규 표현식 관련 내용 중 변수를 받아서 replace를 하려고 한다면 아래와 같이 이용하면 된다. //manyCharArray에 있는 원소 값을 대소문자 관계없이 공백으로 replace for (let char of manyCharArray){ let regText = new RegExp(char, "gi"); answer = answer.replace(regText, ''); .. TIL - 2022.04.08 1. 코딩 테스트 문제 풀기 스택, 큐, 구현 문제 위주로 풀면서 자바스크립트 문법 확인 어떻게 풀 것인가에 대한 생각을 먼저 정리하고 구현할 것 자바스크립트 문자열 처리(trim 등)에 유의하자 TIL - 2022.04.07 1. 면접 준비 면접 스터디 중 원티드 멘토님께서 인성 면접을 도와주셨다. 실제 면접에 자주 나오는 질문을 해주시고 내가 답을 하면 피드백을 해주셨다. (정말 감사합니다!) - 피드백 내용 질문에 대한 대답을 듣는데 뭔가 좀 더 이야기가 나올 것 같은데 끊어버렸다. 즉, 완결성이 부족하다. 두괄식으로 답하는 연습이 필요하다. 대답에 대한 명확한 근거를 제시해주면 좋을 것 같다. 2. 코딩 테스트 문제 풀기 완전 탐색 문제를 풀었다. 감이 좀 떨어져서 그런지 빠른 시간 내에 풀지 못했다. 코딩 테스트 문제 해결력이 곧 어떠한 기능을 구현하는 데 있어 도움이 많이 될 것이라 생각된다. 내일은 코딩 테스트 위주로 공부 예정 3. 개인 프로젝트 진행 useLocation을 이용하여 메뉴 탭 클릭 시 pathna.. 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 정리 등 이전 1 2 3 4 5 6 ··· 15 다음
