웹 페이지에서 뒤로가기 캐시 때문에 이슈가 있었고 해결했던 과정을 담았습니다. (BFCache, BFCache, Back-Forward Cache) 제가 겪었던 이슈를 공유하기 전 BFCache란 무엇인지 알아보겠습니다. 뒤로가기 캐시(BFCache, Back-Forward Cache) 란? 웹 브라우저의 뒤로가기 버튼을 사용할 때 이전에 방문한 페이지의 상태를 캐시해두는 기능입니다.브라우저는 해당 페이지의 상태와 DOM 트리를 저장하여 BFCache에 보관합니다. 그런 다음 사용자가 뒤로가기 버튼을 클릭하면, 이전 페이지의 […]
뒤로가기 캐시 BFCache, Back-Forward Cache 더 읽기"
코딩테스트 – 해시 – 완주하지 못한 선수 (알고리즘) 풀어봤던 과정을 담아봤습니다. 프로그래머스 문제 코딩테스트 문제 설명 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 제한사항
CSS를 사용하면서 몇가지 의문점이 들어서 정리해보았습니다. 1. CSS 소수점을 써도 되는걸까? 2. padding VS margin 적절하게 쓰는 법은 어떤게 있을까? 3. inline 요소들은 1px씩 여백이 생기는 이유가 뭘까? 4. 가로배치할때 inline-block, float, flex 어떤걸 써야 할까? 웹 퍼블 작업을 하다보면 CSS 작성시 많은 의문이 듭니다. 많은 의문점 중 제가 가장 크게 느꼈고 찾아본 내용에 대해
css 의문점 (css 소수점, padding과 margin 선택, inline의 여백 등) 더 읽기"
반응형 웹사이트를 제작시 화면 리사이즈 될때 이미지 비율 유지하는 방법 팁! 퍼블작업에 익숙하지 않은 프론트엔드 개발자 혹은 이제 막 웹 개발에 발을 들인 초보 개발자분들에게 반응형 웹사이트 제작시 이미지가 비율대로 줄어들게 하는 방법이 헷갈릴 수 있다고 생각합니다. 그래서 제가 퍼블리셔로서 일했을때 이미지 비율을 유지하는 코드에 대한 내용을 공유하려고 합니다. 예시 코드 마크업 예시 <ul> <li>
[반응형] 이미지 리사이즈할 때 비율 유지 하는 방법 더 읽기"
PDFKit를 사용해서 pdf 변환 작업 중 삽질한 내용에 대해 담았습니다.🥲 PDFKit 공식문서 PDFKit 사용시 발생한 문제 및 해결 과정 웹 페이지에 보여지는 내용으로 송장을 만드는 기능을 구현한 적이 있습니다. 문제 pdfkit를 통해 pdf를 만드는 작업을 하는 도중 속도가 느려지는 현상이 나타났습니다. 원인파악 및 개선시도 console로 어떤 부분에서 속도가 느려지는지 파악 => pdf로 만들 데이터를 조회하는
PDFKit 사용하면서 겪었던 속도 문제 및 해결 과정 더 읽기"
javascript 배열을 가공하는 map과 fill에 대해서 알아보아요. javascript – map var numbers = [1, 4, 9]; var roots = numbers.map(Math.sqrt); // roots는 [1, 2, 3] // numbers는 그대로 [1, 4, 9] 배열을 가져와 새로운 배열을 만듬. (Math.sqrt는 숫자의 제곱근을 반환함.) var kvArray = [{key:1, value:10}, {key:2, value:20}, {key:3, value: 30}]; var reformattedArray = kvArray.map(function(obj){ var
javascript – map과 fill 각각의 어떻게 사용하는지 알아보아요. 더 읽기"
안경 및 전자기기 알콜스왑으로 깨끗하게 관리해요. 내돈내산 일회용 소독 알콜솜 추천 (자우버 알콜스왑) 항상 쿠팡에서 구매해서 잘 사용하고 있는 알콜솜이 있는데 이번에 추천해드리려고 해요. 자우버 알콜스왑인데 저는 100매짜리를 사서 서랍에 두고 종종 잘 사용해요. 필름이 붙어 있는 핸드폰이나 노트북, 안경등에 사용하면 소독되는 느낌도 있고 얼룩도 쉽고 깔끔하게 지워지더라고요. 알콜스왑으로 전자기기 닦을 경우 좋은 점 제가
자우버 알콜스왑 후기 및 알콜스왑을 사용해야 하는 3가지 이유 더 읽기"
쿠팡에서 토마토 구입해서 먹고 좋아서 토마토의 효능, 토마토 자르는 팁 등에 대해 알려 드리려고 해요. 쿠팡에서 2kg 토마토를 구매했더니 아주 빨갛고 큰 토마토가 왔어요. 건강을 위해 어떤 과일(or 채소)을 싸볼까 하다가 당이 너무 높지 않고 평소에 섭취하지 못하는 영양소가 있는 토마토를 선택하게 되었어요. 어떤 부분에서 토마토가 좋은지 아래에 적어봤습니다. 참고해주세요 😋 토마토의 좋은 점 영양가:
아이가 있는 부부라면 서울엄마아빠택시 신청하고 10만원 지원 받아보세요. 서울에서 자차로 이동하다보면 주차와 교통체증 때문에 아이와 함께 나가기 힘든 경우가 꽤 있으시죠? 아이와 함께 외출하면 챙겨할 짐이 많아서 대중교통은 불편할텐데요. 서울특별시에서 아기와 편하게 외출할 수 있도록 서울 엄마아빠택시 사업을 진행중이라고 합니다. 아래 내용에서 신청대상 및 이용방법을 알아보겠습니다. 실시 자치구 서울중에서 아래 16개구에서만 실시하고 있다고 합니다. 용산구,
최대 30% 교통비 할인 되는 알뜰교통카드 카드발급 및 지급 조건 알아보고 신청해요. 대중교통 이용 금액 및 대중교통을 이용하기 위해 걷거나 자전거로 이동한 거리만큼 마일리지가 적립되게 됩니다. 적립된 마일리지는 카드 대금 결제시 대금에서 자동으로 차감됩니다. 그렇다면 신청할 수 있는 조건은 어떻게 되는지 알아보겠습니다. 알뜰교통카드 혜택 회당 마일리지 적립액은 출발지에서 대중교통 승차지점까지의 보행·자전거 이동거리와 대중교통 하차지점에서 도착지까지의
최대 30% 교통비 할인 되는 알뜰교통카드 카드발급 및 지급 조건 알아보고 신청해요. 더 읽기"
자료구조의 개념과 종류 자료구조 개념 자료구조는 데이터를 구성하고 저장하는 방법을 정의하는 것으로, 컴퓨터 과학에서 중요한 개념입니다. 자료구조는 데이터의 조직화와 관리를 위해 사용되며, 데이터의 효율적인 접근, 조작 및 조작 방법을 결정합니다. 자료구조는 데이터의 종류와 문제 해결에 필요한 연산의 종류에 따라 선택되고 설계됩니다. 자료구조는 일반적으로 선형 구조와 비선형 구조로 분류됩니다. 선형 구조는 데이터가 일렬로 나열되는 구조이고, 비선형
데이터 마이닝의 개념과 기법 및 활용 분야 데이터 마이닝의 개념 데이터 마이닝은 대규모의 데이터 집합에서 유용한 정보와 패턴을 추출하기 위한 과정입니다. 이를 통해 예측, 분류, 클러스터링, 연관 규칙 등 다양한 비즈니스 목표를 달성할 수 있습니다. 데이터 마이닝은 데이터베이스, 통계학, 기계 학습 등의 분야에서 기술과 알고리즘을 활용하여 데이터로부터 의미 있는 정보를 추출합니다. 데이터 마이닝 기법 데이터
