1. position 을 어떻게 사용하는지 알려주세요. "position"은 HTML과 CSS를 사용하여 요소(element)를 웹 페이지 상에서 어떤 위치에 표시할지를 결정하는 속성입니다. 요소를 상대적으로(relative), 절대적으로(absolute), 고정(fixed)하거나, 그리드(grid)나 플렉스(flex) 레이아웃과 같은 다른 레이아웃 기능을 사용하여 배치할 때도 사용됩니다. relative : 요소의 원래 위치를 기준으로 위치를 조정할 때 사용됩니다. 이 때 top, bottom, left, right 속성을 사용하여 상대적으로 이동할 위치를 지정합니다. absolute : 요소를 가장 가까운 부모 요소나, 부모 요소가 없을 경우 body 요소를 기준으로 위치를 조정할 때 사용됩니다. 이..
오늘 to do 🔥 필수 면접 및 과제 [x] 3시 30분 전화면접 [x] 코테 24일까지 ⭐️ [ ] React Native App ⭐️ [서류 준비] 이력서, 자소서, 포트폴리오 노션 이력서, 자소서, 포트폴리오 ⭐️ [x] 이력서 - 수정 중 [ ] 자소서 [ ] 포트폴리오 2월 취업대비반 개인 [x] 이력서 수정 [x] 지원 인증 팀원 [x] 이력서 페어 리뷰 [ ] 모의 면접 기술 면접, 특강 [x] 7시 ~ 8시 버디님 기술면접 [x] 9시 ~ 10시 멘토님 특강 데일리 과제 & 포스팅 [x] 프레임워크와 라이브러리 차이점에 대해 설명해주세요. [x] 캐시의 장단점과 어떤 부분에 활용하는지 설명해주세요. 프론트엔드에서 캐시를 사용할 수 있는 2~3가지 영역을 제시해주세요 [x] HTTP에 대해..
1. 프레임워크와 라이브러리 차이점에 대해 설명해주세요. 프로그래밍에서 프레임워크와 라이브러리는 비슷한 기능을 제공하지만, 다음과 같은 차이점이 있습니다. 제어의 흐름: 프레임워크는 제어의 흐름을 개발자에게 강제합니다. 즉, 개발자는 프레임워크에서 정의한 규칙에 따라 코드를 작성해야 합니다. 반면에 라이브러리는 개발자가 필요에 따라 라이브러리의 함수를 호출하며, 제어의 흐름은 개발자가 결정합니다. 추상화 수준: 프레임워크는 상위 수준의 추상화를 제공합니다. 즉, 개발자가 프레임워크를 사용하면서 자세한 내용은 숨겨지고 추상화된 인터페이스만 제공됩니다. 반면에 라이브러리는 상대적으로 하위 수준의 추상화를 제공합니다. 개발자는 라이브러리에서 제공하는 함수를 호출하면서 상세한 구현 내용을 알고 있어야 합니다. ..
오늘 한 일 [x] [programmers] level1_약수의 합 → 1일 1커밋 구글 이력서 수정 [x] 교육사항 [x] 프로젝트 추가 [x] 서비스링크, 원페이지 노션 [ ] 자기소개 → pdf 다시 저장 프로그래머스 이력서 수정 [x] 자격증 [x] 활동 wanted 이력서 [x] 이력서 노션 이력서, 자소서, 포트폴리오 [ ] 이력서 [ ] 자소서 [ ] 포트폴리오 기술 과제 [x] Hoisting 이란? TDZ란? [x] parameter와 argument의 차이에 대해 설명해주세요. [x] wanted 입사지원 [x] Kream 지원 [x] 쓰리덕스 코테 2h [x] 인텔리픽 취업코칭 재신청 [x] 2023 Dev-Matching: 웹 프론트엔드 개발자 [x] 오늘 TIL 쓰기 [ ] Rea..
1. Hoisting 이란? TDZ란? Hoisting은 JavaScript에서 변수와 함수 선언을 위쪽으로 끌어올리는 것을 의미합니다. 변수와 함수 선언이 스코프 내에서 정의된 위치와는 상관없이 스코프의 최상단으로 끌어올려지며, 이후에 선언된 코드에서도 해당 변수와 함수를 참조할 수 있습니다. 이는 var로 선언된 변수와 함수 선언문(function declaration)에 해당합니다. 반면 let과 const로 선언된 변수, 함수 표현식(function expression)은 hoisting이 발생하지 않습니다. console.log(x); // undefined var x = 5; 변수 x가 선언되기 이전에 console.log(x)를 실행하면 undefined가 출력됩니다. 이는 var x가 ho..
02.20 어제 서울에서 우리 동기들을 드디어 볼 수 있어서 너무 좋았다! 다들 이력서 쓰고 지원서 넣으랴 바쁠 텐데 일찍 만나준 게 감동이었다ㅎㅎ 난 서울 멋쟁이들 사이에 끼인 키작고 포동한 초딩이었음 모각지 특강과 멘토링은 크게 와닿는 내용은 없었다. 화상 카메라 너머로 얼굴, 상체만 보다가 몸까지 보니 신기하고 낯설면서 반가웠다. 낯을 가려서 어색했는데 계속 옆에 있고 익숙한 목소리가 들리니 점점 더 편해졌다. 밤 9시 정도부터 새벽 5시까지 수다를 떨다가 목이 쉴 정도였는데, 그래도 좋다! 지금은 없는 동기들도 많이 보고싶었다. 디자이너님과 함께 우리 조끼리도 꼭 모여야겠다. 좋은 사람들에게 좋은 기운을 가득 받아 마음이 따뜻했었다. 샛노란 국화차같은 추억이다. 내일부터는 다시 이력서 수정하고 지..
1. 웹페이지가 브라우저에 랜더링 되는 과정? 웹페이지가 브라우저에 렌더링 되는 과정은 다음과 같은 단계를 거칩니다. HTML 문서 다운로드: 브라우저는 URL을 입력받고, 해당 URL에서 요청한 HTML 문서를 다운로드합니다. 이 과정에서는 DNS 조회, TCP 연결 등의 작업이 수행됩니다. HTML 파싱: 브라우저는 다운로드한 HTML 문서를 파싱 하여 DOM(Document Object Model) 트리를 생성합니다. DOM은 HTML 문서의 계층 구조를 나타내며, 노드와 엘리먼트 등의 정보를 포함합니다. CSS 다운로드: 브라우저는 HTML 문서에 포함된 CSS 파일을 다운로드합니다. CSS는 웹페이지의 레이아웃과 스타일을 정의하는 데 사용됩니다. CSS 파싱: 브라우저는 다운로드한 CSS 파일을..
알고리즘 너무 어려워😭😱😭 정규표현식 공부해야겠다! https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions 정규 표현식 - JavaScript | MDN 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. JavaScript에서는 정규 표현식도 객체로서, RegExp의 exec()와 test() 메서드를 사용할 수 있습니다. String의 match(), matchA developer.mozilla.org 📌 생활코딩 정규표현식 강의 추천! 5분씩 7강의 https://www.youtube.com/watch?v=5pN3_yGmbrA&t=2s padEnd(길이, 채울 문자열) 현재 문자열에 다..
44. Server Side Rendering, Client Side Rendering, Static Site Generation 의 장단점을 설명해주실 수 있을까요? SSR은 서버에서 뷰 구성에 필요한 전체 HTML을 요청을 받은 즉시 생성해서 반환합니다. 초기에 모든 페이지를 완성해서 보내기 때문에 검색엔진 최적화(SEO)에 유리합니다. 초기 페이지 로드 시간이 빠릅니다. 그러나 페이지 이동시마다 서버에서 페이지를 생성하는데 시간이 걸리기 때문에 TTFB(Time To FIrst Byte)가 느립니다. CSR은 서버가 아닌 클라이언트 브라우저에서 어플리케이션을 렌더링합니다. 후속페이지의 로드 시간이 더 빠르지만 초기 페이지로드 시간이 SSR에 비해 느립니다. 또한 SSR과 달리 클라이언트 단에서 렌더..
나는 바보인가 너무 어렵😭 알고리즘 문제 푸는 데 한참 걸렸다. 반정도 해결하고 결국 해답 보고 깨달았다 https://github.com/123456soobin-choi/Algorithm-Study/commit/0f6b91a5b6688dd3ac38c4c9d931f682b8a65f87 [level 1] Title: 숫자 문자열과 영단어, Time: 0.05 ms, Memory: 33.5 MB -Baekjoo… · 123456soobin-choi/Algorithm-Study@ …nHub github.com