반응형 전체 글42 React | 리액트로 컴포넌트 만들기 컴포넌트란 "재사용이 가능한 각각의 독립된 모듈"입니다. 컴포넌트를 만들어 사용하면 길고 복잡한 코드를 기능에 따라 나누어 볼 수 있고, '목록'과 같이 반복되는 요소가 있을 때 하나의 컴포넌트로 데이터만 바꿔가며 사용할 수 있기에 편리합니다. 오늘은 자바스크립트 라이브러리 React를 통해 컴포넌트를 만들어보겠습니다! 1. React App 생성 아래 글 참고 React | 리액트 설치 및 Visual Studio Code로 실행 방법 리액트 공부를 시작하려는 분들을 위한 포스팅입니다. 이번 포스팅에서는 리액트 설치 및 실행 방법에 대해 안내드리도록 하겠습니다! 1. Node.js 다운로드 https://nodejs.org/ko Node.js Node.js® is a JavaScr ddinggapeng.. 2023. 10. 28. Threads | 스레드 팔로잉만 보는 법 | 스레드 꿀팁 스레드를 이리저리 둘러보다 보니 팔로잉 게시물만 보는 법이 있더라구요! 좋은 기능인 것 같아 공유합니다. 스레드 팔로잉 게시물만 보는 법 1. 홈 탭에 들어갑니다. 2. 홈 탭을 한번 더 눌러줍니다. 3. 우측 상단의 팔로잉 탭에 들어가면 팔로잉한 계정의 게시물만 보입니다. 제 포스팅이 도움이 되셨기를 바라며 저는 다음 포스팅에서 또 찾아올게요! 감사합니다 :) 2023. 7. 27. React | 리액트 설치 및 Visual Studio Code로 실행 방법 리액트 공부를 시작하려는 분들을 위한 포스팅입니다. 이번 포스팅에서는 리액트 설치 및 실행 방법에 대해 안내드리도록 하겠습니다! 1. Node.js 다운로드 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 왼쪽의 LTS 버전을 다운로드해줍니다. 2. 다운로드 확인 다운로드가 잘 되었는지 확인합니다. window+R 키를 눌러 cmd 입력 후 실행합니다. node -v, npm -v를 각각 입력하고 엔터를 눌렀을 때 다음과 같이 버전이 뜨면 잘 다운로드된 것입니다. 3. 리액트 파일 설치 cmd 창에 npm install create-react-app을.. 2023. 7. 21. 미리캔버스 200% 활용하기 | 4편. 배경 넣기/편집하기 목차 1. 배경 넣기 1.1 단색, 패턴 1.2 사진 2. 배경 편집하기 2.1 패턴 배경 편집 2.2 사진 배경 편집 미리캔버스의 기본 배경은 흰색이지만, 단색, 패턴, 사진 등으로 변경이 가능합니다. 이번 포스팅에서는 미리캔버스에서 배경 넣는 방법과 편집까지 알아볼게요! 배경 넣기 단색, 패턴 먼저 단색 배경을 넣는 방법입니다. 새 디자인을 만들고 왼쪽 메뉴의 배경을 누르면 다음 사진과 같이 뜨게 됩니다. 검색바 밑에 있는 단색 옆의 흰 네모를 눌러주세요. 흰 네모를 누르면 색상 창이 뜨게 되는데, 기본 팔레트에서 정해진 색을 선택할 수 있습니다. 또한 기본 팔레트 위의 무지개색을 누르면 색을 직접 지정할 수 있습니다. 색상 창 하단의 #FFFFFF 부분에서 색상 코드를 직접 입력할 수 있고, 코드 .. 2023. 7. 21. 미리캔버스 200% 활용하기 | 3편. 단축키 모음 목차 1. 단축키 모음 1.1 일반 단축키 1.2 화면 1.3 요소 편집 1.4 텍스트 편집 미리캔버스 200% 활용하기 | 2편. 템플릿 종류/사이즈와 기본 메뉴 미리캔버스 200% 활용하기 | 2편. 템플릿 종류/사이즈와 기본 메뉴 목차 1. 미리캔버스 템플릿 종류/사이즈 1.1 웹용 1.2 동영상 1.3 인쇄용 2. 기본 메뉴 미리캔버스 200% 활용하기 | 1편. 미리캔버스 소개와 기본 사용 방법 1편에서는 미리캔버스에 대한 소개와 기본 ddinggapeng.tistory.com 저번 포스팅에서는 템플릿 종류/사이즈와 기본 메뉴에 대해 알아보았습니다. 이번에는 미리캔버스의 단축키 모음에 대해 안내해드리겠습니다! 단축키 모음 일반 단축키 Ctrl + S: 저장하기 Ctrl + C : 복사하기 Ctr.. 2023. 7. 21. 스레드(Threads) 소개 | 인스타그램 메타의 새로운 SNS 어플 목차 1. 스레드란? 1.1 스레드 소개 1.2 스레드 특징 2. 스레드의 기능 2.1 홈 2.2 검색 2.3 글쓰기 2.4 활동 2.5 내 프로필 인스타그램 메타의 새로운 SNS, 스레드의 가입자가 1억 명을 돌파했다는 소식이 들려왔습니다. 이번 포스팅에서는 스레드의 소개와 더불어 기능까지 살펴보도록 하겠습니다! 스레드란? 스레드 소개 스레드(Threads)는 인스타그램, 페이스북 등을 서비스하는 기업 메타에서 2023년 7월 6일 출시한 SNS 어플입니다. 스레드는 인스타그램 기반의 어플로 인스타그램 계정으로 로그인이 가능하며, 인스타그램과 연동도 가능합니다. 스레드 특징 스레드의 주요 특징은 다음과 같습니다. 인스타그램과 다르게 이미지를 올리지 않아도 글 업로드가 가능합니다. 트위터와 비슷하죠! 팔.. 2023. 7. 14. 미리캔버스 200% 활용하기 | 2편. 템플릿 종류/사이즈와 기본 메뉴 목차 1. 미리캔버스 템플릿 종류/사이즈 1.1 웹용 1.2 동영상 1.3 인쇄용 2. 기본 메뉴 미리캔버스 200% 활용하기 | 1편. 미리캔버스 소개와 기본 사용 방법 1편에서는 미리캔버스에 대한 소개와 기본 사용 방법에 대해 다루어보았습니다. 이번 2편에서는 미리캔버스의 템플릿 종류/사이즈를 살펴보고 기본 메뉴 설명까지 안내해드리도록 하겠습니다! 미리캔버스 템플릿 종류/사이즈 미리캔버스는 다양한 템플릿 사이즈를 지원합니다! 템플릿 종류와 사이즈는 아래 표에서 정리하였습니다. - 웹용 - 프레젠테이션 1920 x 1080 px 카드뉴스 1080 x 1080 px 유튜브 채널 아트 2560 x 1440 px 유튜브 썸네일 1280 x 720 px 유튜브 채널 로고 800 x 800 px 인스타그램 새 .. 2023. 7. 10. 미리캔버스 200% 활용하기 | 1편. 미리캔버스 소개와 기본 사용 방법 목차 1. 미리캔버스란? 2. 미리캔버스 주요 특징 3. 기본 사용 방법 미리캔버스란? 미리캔버스는 설치 없이 / 저작권 걱정 없이 / 다양한 템플릿과 요소들을 통해 디자인 콘텐츠를 만들 수 있는 무료 디자인 툴 사이트입니다! 미리캔버스는 디자인 툴인 만큼 다양한 분야에 활용될 수 있는데요, 발표 자료 / 썸네일 / 인스타그램 카드뉴스 등이 그 예시가 됩니다. 이번 포스팅에서는 미리캔버스에 대해 소개하고, 기본 사용 방법에 대해 안내해드리겠습니다. 미리캔버스 주요 특징 1. 무료로 이용 가능 미리캔버스는 무엇보다도 저작권 걱정 없이 무료로 이용 가능하다는 점이 가장 큰 특징입니다! 디자인 요소들에도 워터마크가 없어 자유롭게 이용이 가능합니다. 2. 다양한 템플릿과 디자인 요소 제공 미리캔버스는 PPT, .. 2023. 7. 10. 이전 1 2 3 4 5 6 다음 반응형
