2022년 11월 15일 서류 합격과 필기 시험을 합격하고 실무 면접을 보았다. 면접은 면접과 4명 지원자 2명 다 대 다 면접 형식이었다. 면접을 보며 느낀점과 고민들에 대해서.... 말투 ~입니다 VS ~요 에대해서 면접에서 뭐가 더 좋을까에 대한 고민을 했는데 억지로 불편한 ~입니다에 맞추는 것보다 ~요도 예의도 있고 정중해보이기에 자신에게 맞는 말투를 사용하면 좋을 것 같다. 중요한 건 내가 상대방에게 배려를 하고 있고 정중히 대한다는 느낌을 주는 것! 좋아하니까 잘한다? 남이 시켜서 억지로 하는게 아닌 좋아서 하니까 더 잘할 수 있다! 스스로 해석 해보니 이 말은 “억지로 하는 사람들보단 내가 잘할 수 있다! “라는 말이다. 나는 좋아하기에 꾸준히 열정을 갖고 지속할 수 있다는 것을 강조하고 싶..
웹 표준 (Web Standards) 웹에서 표준적으로 사용되는 기술이나 규칙 standard(표준)보다는 권고안(recomendation)에 가깝다. HTML, CSS, JavaScript에 대한 규정을 담고 있다. 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다. 웹 접근성, 웹 호환성, 웹 사용성은 모두 웹 표준을 지키기 위해 생긴 개념들이다. 웹 표준을 따를 때 장점 다양한 브라우저나 새로운 기기에서도 올바르게 표시된다. 접근성 향상 검색 엔진 최적화(SEO) meta 요소를 이용한 정확한 문서 정보의 제공과 적절한 제목(heading)의 사용, 의미에 맞는 마크업은 검색 시 결과에 영향을 미치는 중요한 정보이다. 쉬..
XSS (Cross-Site Scritping) 줄이면 CSS인데 Cascading Style Sheet와 혼동이 올 수 있어서 XSS라고 부르는 것이다. 웹 페이지에 악의적인 스크립트를 삽입해 방문자들의 정보를 탈취한다. 의도치 않은 비정상적인 기능 수행을 유발한다. 쿠키나 세션, 토큰을 탈취한다. 공격 대상 스크립트 언어 ex) javascript 취약한 코드 보안 방법 입력할 때와 출력할 때, 모두 필터링하고, 클라이언트에도 막을 수 있을만한 수단을 구성해놓는 것이 좋다 HTML 태그의 사용을 제한하거나 스크립트에 삽입되지 않도록 & 등의 문자를 다른 문자로 치환함으로써 방지한다. CSRF (Cross-site request forgery) 사이트 간 요청 위조 공격자가 사용자에게 특정 행동..
요약1. HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.)2. CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.)3. DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정)4. 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.)5. 개별 노드를 화면에 페인트한다. 자세한 내용은 밑에 개인 노션에 정리한 것을 확인해주세요 https://sanghoon98.notion.site/4f0c03b5de584f1792310f8ba40d97c7 브라우저 렌더링 과정v8 JS엔진으로 빌드된 JS런타임 환경인 Node.js의 등장으로 JS는 웹브라우저를 벗..
- Typescript
- editor
- 노션
- 선언적 프로그래밍
- base64
- styled component
- Next
- 철학
- 도메인
- IP
- Next.js
- 프론트엔드
- server
- SSG
- Proxy
- 성능최적화
- 브라우저
- 웹 접근성
- lazyloading
- 실용주의 프로그래머
- NextJS
- s3
- Section
- CSR
- SSR
- HTTP
- https
- 궁금증
- toast
- React
- Total
- Today
- Yesterday
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |