# icon

31개의 포스트
post-thumbnail

리액트 네이티브(react-native)- 폰트 적용하기+탭 아이콘 넣기

폰트, 아이콘 적용법에 대한 내용입니다. / The binding of isaac(아이작)

2022년 6월 18일
·
0개의 댓글
·

Xcode의 Code Sense icon 목록

개린이들은 잘 모를법한 정보를 가져왔다.나는 Xcode를 사용해 개발할때 자동 코드 완성 기능이 팝업되며 그 앞에 이름모를 아이콘이 있다는걸 인지만 하고 실제로는 어떤 의미인지 알지 못했었다.그러다 코딩중에 문득 저 아이콘의 의미를 알게 된다면문법적으로 어떤 구문이 들

2022년 6월 9일
·
0개의 댓글
·
post-thumbnail

위젯에 대한 기능_1

Text Widget Container margin : 박스 바깥 영역 padding : 박스 안쪽 영역 alignment : child 정렬 Box Decoration : Container의 색상, 그림자 효과를 위한 방법 Icon https://fonts.google.com/icons?selected=Material+Icons https://shu...

2022년 6월 4일
·
0개의 댓글
·

React Native 에 SVG Icon 컴포넌트 작성

아이콘 같은 간단한 이미지를 다룰 때는 PNG 형식보다는 SVG 가 더 좋다. 하지만 React Native 에서는 기본적으로 SVG 파일을 지원하지 않는다.그럼 React Native 에서 SVG 파일을 아이콘으로 사용할 수 있도록 설정 및 구현해보자.react-na

2022년 4월 9일
·
0개의 댓글
·
post-thumbnail

React | Icon 컴포넌트 만들기 (with SVG stroke) + 이미지/컴포넌트 동적으로 가져오기

아이콘 SVG 이미지의 수가 많은 경우에 모든 SVG 파일을 기억하기도 쉽지 않고, 스타일링과 props를 전달하기에 번거로움이 많기 때문에 아이콘 컴포넌트를 만들기로 했다.SVG는 개발자가 직접 색상값과 크기 값등을 변경할 수 있기 때문에 여러개의 이미지 파일을 저장

2022년 4월 7일
·
0개의 댓글
·
post-thumbnail

[styled-icon] color변경 삽질기 & 해결방법

styled-components와 styled-icon을 다뤄보는 경험이 처음이라 생각해보면 단순한 문제인데 아주그냥 삽질을 해버렸다ㅠㅠ그치만 검색해도 잘 안나와서 팀원에게도 공유해주어야겠다고 생각하여 정리글을 작성함(글이 좀 길긴하지만 제일 아래 결론만 보면 되긴함)

2022년 3월 14일
·
0개의 댓글
·
post-thumbnail

[React] Icon 사용하기 (mui-icon, react-icons, @tabler-icons)

아이콘 검색 MUI 홈페이지원하는 Icon copy해서 사용공식 홈페이지참조

2022년 1월 17일
·
0개의 댓글
·
post-thumbnail

react에서 icon 쓰는 법

자바스크립트로 프로젝트할 때는 fontawsome을 사용해 아이콘을 넣었는데,리액트로 진행할 때는 어려움이 있었다.fontawesome은 html에 kit script를 심어준 다음 사용해야 하는데 리액트에 적용하기는 어려웠다. 이를 해결하기 위해서는 여러 복잡한 과정

2021년 11월 10일
·
0개의 댓글
·
post-thumbnail

business card 만들기

폰트와 아이콘을 사용한 명함

2021년 10월 29일
·
0개의 댓글
·

[FLUTTER][Project] App Icon - IOS

이번엔 IOS의 App icon을 변경하는 방법을 알아보겠다이전 글에서 다루었던 android에 app icon을 추가할 때 다운받았던 폴더를 붙여놓기만 하면 된다Appicon.appiconset 폴더를 그대로 복사 붙여넣기만 해줘도 간단하게 변경이 가능하다

2021년 10월 25일
·
0개의 댓글
·

[FLUTTER][Project] App Icon - Android

App Icon - Android 이번엔 앱의 icon을 변경하는 방법에 대해서 알아보겠다 App Icon은 이미지 파일 전체를 넣어주는 것이 사용하기 편하다 먼저 App Icon으로 사용하고 싶은 png 파일을

2021년 10월 25일
·
0개의 댓글
·
post-thumbnail

TIL-43 리액트 아이콘(react-icons) 🦋

리액트 아이콘(react-icons)

2021년 10월 19일
·
0개의 댓글
·
post-thumbnail

[FLUTTER] Custom Icon

기본 icon 외에 custom으로 사용 가능한 icon해당 웹 페이지에서 icon 선택 후 다운로드 하면 된다svg 파일 업로드하여 icon 새로 만드는 것도 가능하다Flutter Custom Icon파일을 다운로드 하면 .dart, config.json, fonts

2021년 10월 12일
·
0개의 댓글
·
post-thumbnail

[react] fontawesome 아이콘 클릭 변경 기능 구현하기

fontawsome 하트 아이콘을 이용하여 클릭 시 ♡를 ♥︎로 변경클래스를 추가해서 색상도 변경 -> ❤️근데 마우스가 안보임🤫fontawsome에서 하트 아이콘 import일단 폰트어썸페이지에서 리액트에서 사용할 수 있도록 설치파일 설치!fontawesome re

2021년 9월 5일
·
0개의 댓글
·

[Android] Action Bar Icon

이번 포스팅에서는 Andriod Action Bar 에 icon 을 오른쪽에 추가하는 방법에 대해 알아보자. (필자가 알기론 왼쪽에는 Drawer 버튼만 추가할 수 있다.) 먼저 추가할 icon 을 전부 담고 있는 menu resource file 을 생성한다. men

2021년 8월 30일
·
0개의 댓글
·
post-thumbnail

CSS 가상요소에 FontAwesome 적용하기

"혹시 폰트어썸(FontAwesome)이라는 사이트를 아시나요?"

2021년 8월 3일
·
0개의 댓글
·
post-thumbnail

Materialize CSS 속성: 글자, 아이콘, 이미지, 동영상

글자색상글자배경글자배경 연하게글자배경 진하게정렬1) 이미지반응형이미지 모양2) 아이콘https://materializecss.com/ 에 접속메뉴 - Components - Icons - Usage 링크 복사html문서 head에 붙여넣기: 연동완료사용법: i

2021년 6월 2일
·
0개의 댓글
·

[React] 웹 폰트 & 아이콘 적용하기

Font Awesome 패키지, 웹 폰트

2021년 5월 24일
·
0개의 댓글
·
post-thumbnail

[React] 웹 개발 샘플

간단하게 데이터 읽어와서 뿌려주고, 화면 이동하고, props 전달하고기본적인 조회화면을 만들며 사용한 라이브러리나 난감했던 상황을 정리create-react-app 으로 프로젝트 생성Mockoon - API 처리API를 호출하여 값을 읽어오는 테스트를 해야하는데, 데

2021년 5월 18일
·
0개의 댓글
·