css의문점

css 의문점 (css 소수점, padding과 margin 선택, inline의 여백 등)

CSS를 사용하면서 몇가지 의문점이 들어서 정리해보았습니다. 1. CSS 소수점을 써도 되는걸까? 2. padding VS margin 적절하게 쓰는 법은 어떤게 있을까? 3. inline 요소들은 1px씩 여백이 생기는 이유가 뭘까? 4. 가로배치할때 inline-block, float, flex 어떤걸 써야 할까? 웹 퍼블 작업을 하다보면 CSS 작성시 많은 의문이 듭니다. 많은 의문점 중 제가 가장 크게 느꼈고 찾아본 내용에 대해 […]

css 의문점 (css 소수점, padding과 margin 선택, inline의 여백 등) 더 읽기"

반응형이미지비율

[반응형] 이미지 리사이즈할 때 비율 유지 하는 방법

반응형 웹사이트를 제작시 화면 리사이즈 될때 이미지 비율 유지하는 방법 팁! 퍼블작업에 익숙하지 않은 프론트엔드 개발자 혹은 이제 막 웹 개발에 발을 들인 초보 개발자분들에게 반응형 웹사이트 제작시 이미지가 비율대로 줄어들게 하는 방법이 헷갈릴 수 있다고 생각합니다. 그래서 제가 퍼블리셔로서 일했을때 이미지 비율을 유지하는 코드에 대한 내용을 공유하려고 합니다. 예시 코드 마크업 예시 <ul>  <li>

[반응형] 이미지 리사이즈할 때 비율 유지 하는 방법 더 읽기"

pdfkit 사용시 속도 느림 이슈

PDFKit 사용하면서 겪었던 속도 문제 및 해결 과정

PDFKit를 사용해서 pdf 변환 작업 중 삽질한 내용에 대해 담았습니다.🥲 PDFKit 공식문서 PDFKit 사용시 발생한 문제 및 해결 과정 웹 페이지에 보여지는 내용으로 송장을 만드는 기능을 구현한 적이 있습니다. 문제 pdfkit를 통해 pdf를 만드는 작업을 하는 도중 속도가 느려지는 현상이 나타났습니다. 원인파악 및 개선시도 console로 어떤 부분에서 속도가 느려지는지 파악 => pdf로 만들 데이터를 조회하는

PDFKit 사용하면서 겪었던 속도 문제 및 해결 과정 더 읽기"

javascript-map-fill

javascript – map과 fill 각각의 어떻게 사용하는지 알아보아요.

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 각각의 어떻게 사용하는지 알아보아요. 더 읽기"

자우버 알콜스왑

자우버 알콜스왑 후기 및 알콜스왑을 사용해야 하는 3가지 이유

안경 및 전자기기 알콜스왑으로 깨끗하게 관리해요. 내돈내산 일회용 소독 알콜솜 추천 (자우버 알콜스왑) 항상 쿠팡에서 구매해서 잘 사용하고 있는 알콜솜이 있는데 이번에 추천해드리려고 해요. 자우버 알콜스왑인데 저는 100매짜리를 사서 서랍에 두고 종종 잘 사용해요. 필름이 붙어 있는 핸드폰이나 노트북, 안경등에 사용하면 소독되는 느낌도 있고 얼룩도 쉽고 깔끔하게 지워지더라고요. 알콜스왑으로 전자기기 닦을 경우 좋은 점 제가

자우버 알콜스왑 후기 및 알콜스왑을 사용해야 하는 3가지 이유 더 읽기"

토마토 자르는 팁

쿠팡에서 토마토 사먹은 후기

쿠팡에서 토마토 구입해서 먹고 좋아서 토마토의 효능, 토마토 자르는 팁 등에 대해 알려 드리려고 해요. 쿠팡에서 2kg 토마토를 구매했더니 아주 빨갛고 큰 토마토가 왔어요. 건강을 위해 어떤 과일(or 채소)을 싸볼까 하다가 당이 너무 높지 않고 평소에 섭취하지 못하는 영양소가 있는 토마토를 선택하게 되었어요. 어떤 부분에서 토마토가 좋은지 아래에 적어봤습니다. 참고해주세요 😋 토마토의 좋은 점 영양가:

쿠팡에서 토마토 사먹은 후기 더 읽기"

아이와 편하게 이동할 수 있는 서울엄마아빠택시

서울엄마아빠택시

아이가 있는 부부라면 서울엄마아빠택시 신청하고 10만원 지원 받아보세요. 서울에서 자차로 이동하다보면 주차와 교통체증 때문에 아이와 함께 나가기 힘든 경우가 꽤 있으시죠? 아이와 함께 외출하면 챙겨할 짐이 많아서 대중교통은 불편할텐데요. 서울특별시에서 아기와 편하게 외출할 수 있도록 서울 엄마아빠택시 사업을 진행중이라고 합니다. 아래 내용에서 신청대상 및 이용방법을 알아보겠습니다. 실시 자치구 서울중에서 아래 16개구에서만 실시하고 있다고 합니다. 용산구,

서울엄마아빠택시 더 읽기"

알뜰교통카드 이용하고 교통비 할인 받아요.

최대 30% 교통비 할인 되는 알뜰교통카드 카드발급 및 지급 조건 알아보고 신청해요.

최대 30% 교통비 할인 되는 알뜰교통카드 카드발급 및 지급 조건 알아보고 신청해요. 대중교통 이용 금액 및 대중교통을 이용하기 위해 걷거나 자전거로 이동한 거리만큼 마일리지가 적립되게 됩니다. 적립된 마일리지는 카드 대금 결제시 대금에서 자동으로 차감됩니다. 그렇다면 신청할 수 있는 조건은 어떻게 되는지 알아보겠습니다. 알뜰교통카드 혜택 회당 마일리지 적립액은 출발지에서 대중교통 승차지점까지의 보행·자전거 이동거리와 대중교통 하차지점에서 도착지까지의

최대 30% 교통비 할인 되는 알뜰교통카드 카드발급 및 지급 조건 알아보고 신청해요. 더 읽기"

자료구조 개념 및 종류

자료구조의 개념과 종류

자료구조의 개념과 종류 자료구조 개념 자료구조는 데이터를 구성하고 저장하는 방법을 정의하는 것으로, 컴퓨터 과학에서 중요한 개념입니다. 자료구조는 데이터의 조직화와 관리를 위해 사용되며, 데이터의 효율적인 접근, 조작 및 조작 방법을 결정합니다. 자료구조는 데이터의 종류와 문제 해결에 필요한 연산의 종류에 따라 선택되고 설계됩니다. 자료구조는 일반적으로 선형 구조와 비선형 구조로 분류됩니다. 선형 구조는 데이터가 일렬로 나열되는 구조이고, 비선형

자료구조의 개념과 종류 더 읽기"

데이터마이닝 개념과 기법 및 활용 분야

데이터 마이닝의 개념과 기법 및 활용 분야

데이터 마이닝의 개념과 기법 및 활용 분야 데이터 마이닝의 개념 데이터 마이닝은 대규모의 데이터 집합에서 유용한 정보와 패턴을 추출하기 위한 과정입니다. 이를 통해 예측, 분류, 클러스터링, 연관 규칙 등 다양한 비즈니스 목표를 달성할 수 있습니다. 데이터 마이닝은 데이터베이스, 통계학, 기계 학습 등의 분야에서 기술과 알고리즘을 활용하여 데이터로부터 의미 있는 정보를 추출합니다. 데이터 마이닝 기법 데이터

데이터 마이닝의 개념과 기법 및 활용 분야 더 읽기"

소켓의 개념과 타입 및 통신

소켓

소켓의 개념과 타입 및 통신 소켓이란? 소켓은 클라이언트와 서버 사이의 양방향 통신을 가능하게 해주는 소프트웨어적인 구조입니다. 일반적으로, 소켓은 IP 주소와 포트 번호를 사용하여 특정 네트워크 서비스에 접속하고 통신할 수 있는 엔드포인트를 나타냅니다. 소켓에는 클라이언트 소켓과 서버 보켓이 있는데 양측 간 데이터의 송수신이 가능해집니다. 클라이언트 소켓이란? 클라이언트 소켓은 네트워크 서비스에 접속하여 요청을 보내는 역할을 합니다. 예를

소켓 더 읽기"

분산 컴퓨팅 개념과 기술 및 알고리즘

분산 컴퓨팅

분산 컴퓨팅 개념과 기술 및 알고리즘 분산 컴퓨팅 개념 분산 컴퓨팅은 여러 컴퓨터 또는 컴퓨팅 장치가 네트워크로 연결되어 작업을 협력적으로 수행하는 컴퓨팅 환경을 의미합니다. 기존의 중앙집중식 컴퓨팅과는 달리, 분산 컴퓨팅은 작업을 여러 개의 컴퓨터에 분산시켜 처리하고, 그 결과를 통합하여 도출합니다. 분산 컴퓨팅은 처리 속도를 높이고 병렬성을 활용하여 복잡한 문제를 해결하는 데 유용합니다. 분산 컴퓨팅 기술

분산 컴퓨팅 더 읽기"

위로 스크롤