오늘 한 일

• Next.js 실무 강의
  • 1-3 타입 어노테이션과 추론 수강 완료
• 기술면접 4개
• 기업지원 3건
• 알고리즘 코드카타
  • x 사이의 개수

알고리즘 코드카타

x 사이의 개수

문제

문자열 myString이 주어집니다. myString을 문자 "x"를 기준으로 나눴을 때 나눠진 문자열 각각의 길이를 순서대로 저장한 배열을 return 하는 solution 함수를 완성해 주세요.

풀이

function solution(myString) {
    return myString.split("x").map((el) => el.length);
}

우선 x를 기준으로 split하여 문자열을 나눴고, map을 통해 el의 길이를 return하여 새로운 배열을 만들어 문제를 해결했다.

기술면접 연습

브라우저 호환성이란 무엇을 말하는 것인가요? 또한 어떤 점들을 고려해야 할까요?
브라우저 호환성이란 웹 애플리케이션이 다양한 브라우저에서 동일하게 동작하고 표시되는 것을 의미합니다. 브라우저 호환성을 위해서는 최신 웹 표준을 따르고 폴리필을 사용하며 다양한 브라우저에서 테스트를 진행해야 합니다. BrowserStack, CrossBrowserTesting 등의 도구를 사용할 수 있습니다.

SEO가 무엇인가요?
SEO는 검색 엔진 최적화로, 웹 페이지가 구글 같은 검색 엔진에서 더 잘 노출되도록 하는 작업을 의미합니다. 이를 통해 사용자들이 검색을 통해 사이트에 더 쉽게 접근할 수 있어 방문자 수를 늘릴 수 있습니다. 게시물 페이지를 서버 사이드 렌더링을 적용한 페이지로 제작하고 다이나믹 메타데이터 설정을 통해 SEO를 최적화시켰습니다.

시맨틱 태그에 대해 알고 계신가요?
시맨틱 태그는 페이지에 쓰이는 태그가 의미를 가지게 하는 방법입니다. 어떤 역할을 하는 태그인지 쉽게 알 수 있으며 SEO 향상에도 도움이 됩니다. 대표적으로 header, footer 등이 있습니다.

웹 접근성을 향상시킬 수 있는 방법에는 무엇이 있을까요?
웹 접근성은 몸이 불편한 유저도 쉽게 이용할 수 있도록 도와주는 개념입니다. 웹 접근성을 향상시킬 수 있는 방법에는 이미지 태그에서 alt 속성을 이용해 대체 텍스트를 넣거나, 대비가 적절한 색을 사용해 시인성을 높이는 방법이 있습니다.