100일은 해야지

😳 검색 엔진 최적화 SEO? 검색 엔진 최적화 SEO, 검색 결과 상위에 노출되도록 하게 하는 작업이라고 알고 있다. 거의 물에 발만 닿은 수준으로 알고 있는데 이번 기회에 발이라도 담가보려... 한다. 정말 간단히... 🙄 SEO란? SEO는 "Search Engine Optimization"의 약자로, 웹 사이트나 웹 페이지가 검색 엔진 결과 페이지에서(SERP) 상위에 나타나도록 최적화하는 과정, 이를 통해 더 많은 유기적인 트래픽을 유도하고, 온라인 비즈니스나 정보 제공 웹사이트의 가시성을 향상시킬 수 있다. 🧐 그러면 프론트엔드 입장에서 SEO는? 프론트엔드 개발자는 웹 페이지의 디자인, 구조, 사용자 경험 및 성능을 구축하는 역할을 한다. 이 모든게 검색 엔진 최적화에 영향을 미친다. 따라..

문제 설명 : 구슬을 나누는 경우의 수 머쓱이가 구슬을 친구들에게 나누어주려고 함. 구슬은 모두 다르게 생김. 머쓱이가 갖고 있는 구슬의 개수 balls와 친구들에게 나누어 줄 구슬의 개수 share이 매개 변수로 주어질 때, balls 개의 구슬 중 share 개의 구슬을 고르는 가능한 모든 경우의 수를 return 하는 solution함수??? 제한 사항 1 ≤ balls ≤ 30 1 ≤ share ≤ 30 구슬을 고르는 순서는 고려하지 않습니다. share ≤ balls 입출력 예 balls share result 3 2 3 5 3 10 문제 풀이 이것을 간략하게 예를 들어보자면 n = 5 m =2라고 할 때, n-m = 3 (5 * 4 * 3 * 2 * 1) / (3 * 2 * 1 * 2 * 1)..

문제 설명 : 컨트롤 제트 숫자와 "Z"가 공백으로 구분되어 담긴 문자열이 주어집니다. 문자열에 있는 숫자를 차례대로 더하려고 합니다. 이때 "Z"가 나오면 바로 전에 더했던 숫자를 뺀다는 뜻입니다. 숫자와 "Z"로 이루어진 문자열 s가 주어질 때, 구한 값을 return 하도록 하는 함수??? 제한 사항 1 ≤ s의 길이 ≤ 200 -1,000 < s의 원소 중 숫자 < 1,000 s는 숫자, "Z", 공백으로 이루어져 있습니다. s에 있는 숫자와 "Z"는 서로 공백으로 구분됩니다. 연속된 공백은 주어지지 않습니다. 0을 제외하고는 0으로 시작하는 숫자는 없습니다. s는 "Z"로 시작하지 않습니다. s의 시작과 끝에는 공백이 없습니다. "Z"가 연속해서 나오는 경우는 없습니다. 입출력 예 s resul..

🤔 웹 표준? 🤔 웹 접근성? 🤔 웹 호환성? 웹 표준과 웹 접근성 웹 호환성 이 세 가지가 웹 개발의 핵심 원칙이라 한다. 그러면 이 세 가지에 대해서 잘 알아야 하겠지만, 내 머리에 다 들어가지.... 않기 때문에! 내 머릿속에 간단히라도 담기 위해서 글 작성을 해본다. 😳 웹 표준 (Web Standards)이란? 👉 언어와 기술의 일관성을 위한 웹 표준 👉 웹 표준은 웹 페이지를 구성하는 HTML, CSS, JavaScript 등의 언어와 기술을 표준화하는 규칙과 지침의 집합이다. 👉 모든 브라우저에서 동일한 방식으로 해석하고 표시할 수 있도록 한 것을 말한다. 👉 한마디로! 웹에서 지켜야 하는 표준적인 규칙 🤔 왜 웹 표준을 준수해야 하는 걸까? 👉 크로스 브라우징 호환성 사용자들이 어떤 브라우..

문제 설명 : 숨어있는 숫자의 덧셈(2) 문자열 my_string이 매개변수로 주어집니다. my_string은 소문자, 대문자, 자연수로만 구성되어있습니다. my_string 안의 자연수들의 합을 return 하는 solution 함수??? 제한 사항 1 ≤ my_string의 길이 ≤ 1,000 1 ≤ my_string 안의 자연수 ≤1000 연속된 수는 하나의 숫자로 간주합니다. 000123과 같이 0이 선행하는 경우는 없습니다. 문자열에 자연수가 없는 경우 0을 return 해주세요. 입출력 예 my_string result "aAb1B2cC34oOp" 37 "1a2b3c4d123Z" 133 문제 풀이 정규식을 이용해서 (아래 참조블로그에 자세히 나와있다.) 영문자를 구분자로해서 my_string문..

😳 Promise란? ES6에서 도입된 비동기 작업을 처리하기 위한 객체 콜백 지옥(callback hell)의 코드 복잡성을 해결하고, 가독성을 향상시키기 위해 도입되었다. 🌀 Promise는 세 가지 상태를 가진다. 👉 Pending(대기 중) : 비동기 작업이 아직 완료되지 않은 상태 👉 Fulfilled(이행됨) : 비동기 작업이 성공적으로 완료된 상태 👉 Rejected(거부됨) : 비동기 작업이 실패한 상태 🌀 Promise 객체의 기본적인 메서드 👉 then : Promise가 성공적으로 이행되면 호출되는 메서드 👉 catch : Promise가 거부되었을 때 호출되는 메서드, 오류 처리를 위해 사용 👉 finally : Promise가 이행되거나 거부되었을 때 무조건 호출되는 메서드 🌀 P..

문제 설명 : 소인수분해 소인수분해란 어떤 수를 소수들의 곱으로 표현하는 것입니다. 예를 들어 12를 소인수 분해하면 2 * 2 * 3으로 나타낼 수 있습니다. 따라서 12의 소인수는 2와 3입니다. 자연수 n이 매개변수로 주어질 때, n의 소인수를 오름차순으로 담은 배열을 return 하도록하는 solution 함수??? 제한 사항 2 ≤ n ≤ 10,000 입출력 예 n result 12 [2, 3] 17 [17] 420 [2, 3, 5, 7] 문제 풀이 i가 n보다 커지기 전까지 n을 i로 나눴을때 나머지가 0이면 answer에 다 담아주고 어차피 차례로 담기는 거라서 오름차순으로 정렬을 안 해줘도 되지만 그래도 확실하게 하기 위해 마지막에 answer을 오름차순으로 정렬해주고, Set으로 중복을 ..

😳 콜백 함수(callback function) 👆 콜백함수란 ? 다른 함수의 인자로 넘겨지고, 해당 함수의 실행이 끝나면 호출되는 함수를 말한다. 👂 콜백함수는 언제 사용할까? 👉 비동기 작업이 완료된 후에 그 결과를 처리하는 데 사용된다. 👉 setTimeout, setInterval 등의 타이머 함수에 사용되어 특정 시간이 지난 후 실행할 작업을 정의할 수 있다. 👉 이벤트 핸들러에서 사용되어 특정 이벤트가 발생한 후에 실행할 작업을 정의할 수 있다. ↘ ↗한마디로 말하자면 특정 작업의 실행 순서를 지정하거나 조절하기 위해 사용된다는 말입니다. 👀 아래 예시를 통해서 콜백함수를 더 알아보자. firstFunc의 콜백함수로 secondFunc을 정의했을때, firstFunc은 비동기 작업(setTim..