분류 전체보기 파리 올림픽 2024 폰트 다운로드 받는 곳 파리 올림픽이 개막되었습니다. 뭔가 뮤지컬을 보는 듯한 파리의 느낌을 담은 개막식이었는데요.저의 눈길을 끄는 것은 다름아닌 파리 올림픽 폰트체였습니다. 어떤 폰트인가 보니, 기존에 있던 폰트는 아니고, 폰트를 새로 만든 것 같아서, 폭풍 검색을 통해 찾았습니다. 글 아래쪽에 다운로드 링크를 남겨놓았습니다. 우선 폰트가 얼마나 예쁜지 보실까요!? 귀여우면서도 적절한 공간 배치와 라운드로 절제와 변화에 균형이 보이네요. ecobranding 이라는 회사에서 만든 폰트이고,https://ecobranding-design.com/ Ecobranding – Ecological & Economical Brand DesignBecause doing “good” is not good enough. We simply.. 2024. 7. 28. css flex 가능한 브라우저 및 버전은? flex는 기존에 div 로 css의 향연을 하던 노가다와 불확실성에서 벗어나.. 박스의 공간 배치를 더 직관적으로 할 수 있는 예약어입니다. 예를 들어 아래와 같이 사용합니다. Item 1 Item 2 Item 3 위와 같은 문서가 있다고 할때, 아래와 같이 CSS를 정의하면, item 클래스를 갖는 div를 수평 및 수직으로, 가운데 정렬할 수 있습니다. 무척 간단하죠. body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: Arial, sans-serif;}.container { .. 2024. 7. 15. 애플 M1 맥북에서 듀얼 모니터 사용하는 방법 제 노트북 사양은 아래와 같습니다. 보시는 것처럼, M1 노트북입니다. 원래 M1 노트북은 디스플레이 메모리로 인해서, 맥북을 제외한 모니터 1개만 연결이 가능합니다. 즉, HDMI 허브가 2개를 지원한다고해도, 1개만 출력됩니다. 그렇지만, 듀얼 모니터를 포기할 수는 없죠. Display Link 라는 기술이 있습니다. 소프트웨어 적으로 새로운 디스플레이를 만들어줍니다. USB 포트를 통해 모니터를 연결하는데, 랙도 거의 없고, 연결하자 마자 바로 화면에 표시됩니다. 그럼, display link를 지원하는 어댑터중 가성비가 좋은 것을 골라야겠죠. 그래서, 제가 추천하는 제품은 바로 이겁니다. 넥스트 이지넷유비쿼터스 USB 3.0 to HDMI 디스플레이 어댑터 NEXT-313DPHU3COUPANG.. 2024. 7. 1. MariaDB/MySQL 데이터 추가 insert 문장 사용법 SQL을 사용하다보면 가장 많이 사용하는 문법이 아마도 select 와 desc 일겁니다. 그 다음에 자주 사용되는 문장이 insert 문장일 것 같은데요. DB를 직접 수정하는 작업이라 사용을 지양해야겠지만, 워낙 데이터를 넣는 작업이라, 두번 세번 확인하게 됩니다. 오늘은 중요한 insert 문장에 대해서 확실히 알아보겠습니다. 문법구조는 아래와 같습니다. INSERT INTO table_name (column1, column2, column3, ...)VALUES (value1, value2, value3, ...); 더 아래 예제가 있습니다. 그전에 하나씩 볼까요? INSERT INTO 데이터를 넣겠다.table_name 바로 이 테이블에(colum 들... , ) 콤마로 구분된 컬럼들 - 컬럼 .. 2024. 6. 24. AWS Elastic Beanstalk이란 무엇인가, 간단히 설명 AWS Elastic Beanstalk(이하 Beanstalk)은 Amazon Web Services(AWS)에서 제공하는 PaaS(Platform as a Service) 서비스입니다. Beanstalk은 애플리케이션 개발자가 인프라 관리의 복잡함에서 벗어나 애플리케이션 코드 작성에 집중할 수 있도록 돕는 강력한 도구입니다. 본 글에서는 Beanstalk을 처음 접하는 분들을 위해 Beanstalk의 개념과 사용 방법에 대해 자세히 설명하겠습니다. Beanstalk의 개념과 기능개념Beanstalk은 애플리케이션을 쉽고 빠르게 배포하고 관리할 수 있는 서비스입니다. 애플리케이션 코드를 업로드하기만 하면 필요한 모든 리소스를 자동으로 프로비저닝하고 구성합니다. 이를 통해 개발자는 서버 설정, 로드 밸런싱.. 2024. 6. 21. React.js p태그 줄바꿈 하는 2가지 방법 서버에서 \n 으로 보내주었다고 하더라도, 프런트가 웹 환경이라면, \n이 자동으로 줄바꿈(개행)이 되지 않습니다.이럴때 사용하는 2가지 방법이 있습니다. 첫번째는, \n을 로 치환하는 방법이고,두번째 방법은 \n을 표현해주도록 css를 선언하는 방법입니다. {ret.content} 원래 위와 같은 코드가 있다고 할때, 첫번째 방법부터 보겠습니다. 첫번째 방법은 아래와 같습니다. {ret.content.split('\n').map((line, index) => ( {line} ))} 입력된 값에서 \n을 기준으로 분활한후, map을 이용하여, 각 줄 끝에 를 추가하는 방식입니다. 두번째 방법 보겠습니다.두번째 방법은 아래와 같습니다. {ret.content} css의 white-spac.. 2024. 6. 19. 이전 1 2 3 4 5 ··· 8 다음 반응형
