tailwind, 슬라이드업, 슬라이드다운 스타일 적용-1
카카오맵을 이용해 마커를 클릭하면 정보가 나오는 커스텀 오버레이를 작업하고 있었다. 스타일은 tailwind를 사용했다. 근데 그냥 껐다 켰다 하는 느낌이라 좀 더 부드러운 효과를 주기 위해서 클릭하면 아래에서 위로, 닫으면 원래 위치에서 아래로 내려가는 부드러운 효
프로그래머스 LV1, 실패율 풀이(JavaScript, 카운팅 배열)
문제 링크https://school.programmers.co.kr/learn/courses/30/lessons/42889슈퍼 게임 개발자 오렐리는 큰 고민에 빠졌다. 그녀가 만든 프랜즈 오천성이 대성공을 거뒀지만, 요즘 신규 사용자의 수가 급감한 것이다. 원
JavaScript, 메모이제이션(Memoization)
LeetCode 2623.Memoize 문제를 풀면서 메모이제이션에 대해 공부하게 되어 그 내용을 정리하려고 합니다. 문제 링크 내 풀이 링크 메모이제이션 >메모이제이션(memoization) >컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값
웹 페이지 로딩 최적화: script vs script async vs script defer의 차이점
웹사이트의 성능을 향상시키는 것은 중요하다. 페이지의 로딩 속도와 콘텐츠 로딩속도가 사용자 경험에 영향을 미치기도 하고, Google의 연구에 따르면 FID(First Input Delay), CLS(Cumulative Layout Shift) 등의 성능을 개선하면 페
Lighthouse로 웹페이지의 성능을 올려보자!! - Lighthouse 사용하기
스터디원들과 프로젝트를 진행중이었다. 프로젝트를 시작할 때 목표는 반응형 웹페이지를 만드는 것이었는데... 반응형 작업이 어느정도 마무리되고 나니 욕심이 생겨 "웹페이지의 성능까지 고려하면 더 좋지않을까?!!" 라는 생각이 들었다. 성능 검사 성능검사를 할 때 많이
프로그래머스 LV2, 점프와 순간 이동 풀이(JavaScript)
점프와 순간 이동 문제링크 문제설명 >OO 연구소는 한 번에 K 칸을 앞으로 점프하거나, (현재까지 온 거리) x 2 에 해당하는 위치로 순간이동을 할 수 있는 특수한 기능을 가진 아이언 슈트를 개발하여 판매하고 있습니다. 이 아이언 슈트는 건전지로 작동되는데, 순
로그인 모달 포커스 문제
우리는 키보드의 tab 키를 눌러서 웹 서핑을 할 수 있다.이러한 방식으로 키보드를 활용하여마우스의 도움 없이도 웹 페이지의 정보에 접근할 수 있다.스크린리더 사용자, 키보드만으로 웹 페이지에 접근하는 사용자는 포커스의 도움을 받는다.스크린리더를 사용한다면, 포커스가
프로그래머스 LV1 완주하지 못한 선수 (자바스크립트)
수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의
프로그래머스 LV1 문자열 내 p와 y의 개수
문제 링크https://school.programmers.co.kr/learn/courses/30/lessons/12916대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 re
코딩 도장 LV2, 가장 거리가 짧은 점의 쌍
문제 링크https://codingdojang.com/scode/4081차원의 점들이 주어졌을 때, 그 중 가장 거리가 짧은 점의 쌍을 출력하는 함수를 작성하시오(단, 점들의 배열은 모두 정렬되어있다고 가정한다.)s=1, 3, 4, 8, 13, 17, 20 이
프로그래머스 LV1 예산
문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/12982 문제설명 부서별 신청금액이 들어있는 배열 d, 전체 예산 budget을 메개변수로 가지는 함수를
프로그래머스 LV1 약수의 개수와 덧셈
문제 링크https://school.programmers.co.kr/learn/courses/30/lessons/77884두 정수 left, right 가 매개변수로 주어진다.left ~ right 까지 있는 모든 수들 중 약수의 개수가 짝수면 +, 홀수면 -
코딩 도장 LV2, 8의 개수 구하기
문제 링크https://codingdojang.com/scode/393?answer_mode=hide1부터 10,000까지 8이라는 숫자가 총 몇번 나오는가?8이 포함되어 있는 숫자의 갯수를 카운팅 하는 것이 아니라 8이라는 숫자를 모두 카운팅 해야 한다.(※
HTML 태그, CSS 적용방식 (멋사 FES7 7/5)
heading 태그a 태그P 태그br 태그strong 태그h1 ~ h6 가 있다.h 태그는 목차와 같다.검색엔진은 h 태그에 기반하여 보여주므로 검색엔진 최적화에 사용할 수 있다.h1 ~ h6는 순차적으로 작성해야 한다.링크를 걸어서 다른 페이지로 이동할 수 있다.전화
VSC 단축키, git 명령어 (멋사 FES7 7/4)
오늘은 첫 수업이 진행되었다.vscode의 유용한 익스텐션, 단축키, git설치 및 간단한 git 명령어를 배웠다.cmd + n : 새 파일 생성cmd + s : 파일 저장cmd + , : 설정cmd + b : 사이드바 열고 닫기ctrl + shift + ₩ : 터미널