블로그 그만쓰고 취업하고 싶다......... ⭐️cs 📌git flow에 대해서 간략하게 설명해주세요 Git을 사용해서 개발 작업을 진행하는 프로세스로 복잡한 프로젝트에서 개발자들이 효율적으로 협업하고 배포를 관리할 수 있도록 설계되었습니다 master 브랜치는 제품 배포 버전을 관리하는 브랜치로 안정적이고 배포 가능한 코드만을 포함해야합니다 develop 브랜치는 , 그다음 버전을 준비하는 브랜치로 기능 개발이나 버그 수정등의 작업은 모두 develop브랜치에서 진행합니다 Feature 브랜치는 새 기능을 개발하는 브랜치로 develop을 베이스 브랜치로 가지며, 완료되면 develop에 머지하고 릴리즈(소스코드의 결과물을 공유)를 준비합니다 Release 브랜치는 다음배포를 위해 기능에 문제가 없는..

⭐️네트워크 📌CSRF나 XSS 공격을 막는 방법을 설명해주세요 CSRF 공격을 막기 위해서는 서버에서는 CSRF Token을 생성하여 세션에 저장하고 모든 요청에 대해 CSRF Token을 사용합니다 프론트엔드에서 요청 시 해당 Token을 함께 전송하여 인증합니다 => CSRF 토큰이 없으면 서버에서 해당 요청을 거부 SameSite 속성을 쿠키에 설정하여 도메인이 다른 사이트에서는 쿠키를 사용할 수 없도록 제한합니다 Referer 헤더를 검증하여 요청이 원래 페이지에서 보내진 것인지를 확인합니다 XSS 공격을 막기 위해서는 XSS 필터링을 위해 DOMPurify, Sanitize 등과 같은 라이브러리를 사용하는 것이 좋습니다 =>입력 값들을 유효성 검증하고, 특수문자들을 제외하는 정규식을 통해서 제..

⭐️CSS 📌z-index와 스택 컨텍스트(stacking context)가 어떻게 형성되는지 설명해주세요 z-index는 요소들의 쌓이는 우선순위를 결정하는 CSS 속성이며, position 속성 값이 static이 아닌 요소에만 영향을 미치고 z-index 값이 높을수록 요소는 위에 위치하게 됩니다 스택 컨텍스트는 요소들이 쌓이는 방식을 나타내며, 레이어를 포함하는 요소입니다 자식 요소의 z-index 값은 해당 요소를 기준으로 설정되며, 해당 컨텍스트 밖의 요소는 그 사이의 레이어에 올 수 없습니다. 예를들어 요소 B가 요소 A 위에 있을 때, 요소 A의 하위 요소 C는 요소 B보다 위에 올 수 없습니다. 그러나, 요소 B가 스택 컨텍스트를 형성하면, 요소 B 내부에서 다시 새로운 스택 컨텍스트가 ..

외울려고 정리하는 거였는데 정리만 하고있다... 언제외우지.... ㅎ ⭐️React 📌Virtual DOM이란 무엇이며 Virtual DOM의 작동원리를 설명해주세요 실제 DOM에는 브라우저가 화면을 그리는데 필요한 모든 정보가 들어있어 실제 DOM을 조작하는 작업이 무겁기 때문에 실제 DOM의 변경 사항을 빠르게 파악하고 반영하기 위해 내부적으로 가상 DOM을 만들어서 관리하기 위하여 나왔습니다 DOM의 구조를 흉내낸 JavaScript 객체이며 (트리구조) DOM이 가지고 있는 api addEventListener(), querySelector()를 갖지 않습니다 메모리 상에서 동작하며, 실제로 렌더되는것이 아니기 때문에 연산 비용을 최소화 할 수있습니다 Virtual DOM의 작동원리는 데이터를 업..