본문 바로가기

전체 글105

10분만에 원하는 사진으로 달력 배경화면 만들기! / 달력 PC배경 / 미리캔버스 요즘에는 미리캔버스나 캔바같은 무료 디자인 툴들이 아주 잘 만들어져서 누구나 쉽게 배경화면을 만들수 있어요!!맘에 드는 배경 찾아 고생하지 마시고 한번 직접 만들어보세요~~😊 I. 배경 화면 크기 정하기https://www.miricanvas.com/ 디자인 플랫폼 미리캔버스디자인 작업이 필요한가요? 5만개 이상의 무료 템플릿으로 간편하고 편하게 원하는 디자인을 만들 수 있어요.www.miricanvas.com 우선 위 링크를 눌러서 미리캔버스에 들어가주셔서[디자인 만들기 → 크기 조정 → 배경화면 검색!]요렇게 해서 원하는 크기로 (PC, 휴대폰 모두모두 가능합니당) 설정해주세요~ II. 달력 만들기이제 달력을 한번 만들어 볼겁니다.휴대폰이든, PC에서든 만들고싶은 달의 달력을 하나 띄워놓고 만들면 .. 2024. 5. 11.
03. C++ 의 연산자 / 더하기 / 빼기 / 곱하기 / 나누기! / 코딩 강의 자, 문제를 내 봅시다... 3 + 9 는 얼마일까요? 우선, 정답은 12이고 (틀리면 뭐... 틀릴.. 수 있죠..) 그렇다면 이 문제는 어떤가요? 34 + | 32 X { 51 - 9 ( 37 X 3^2 / 3 ) - 539 } | 는 얼마일까요? 저는 정답을 모릅니다. 이처럼 더하기 [+], 빼기 [-], 곱하기 [*], 나누기 [/] 등을 "연산자" 라고 합니다. 그럼, C++ 에서 연산자는 무엇이 있을까~요? 기호 이름 + 더하기 - 빼기 * 곱셈 / 나눗셈 % 나머지 ++ 증가 연산자 -- 감소 연산자 >, =, => NUM_1; cout > NUM_2; Q = NUM_1 / NUM_2; //Q 의 값을 NUM_1 / NUM_2 의 몫으로 대입 R = NUM_1 % NUM_2; //R 의 값을.. 2024. 1. 10.
[html] #1 온라인 html 코드 편집기 (IDE) 코드샌드박스 (CodeSandbox) 이번엔 html을 한번 해 봅시다! html이 뭘까요? 하이퍼 텍스트 마크업 언어 (Hyper Text Markup Lnaguage 라고 하는데... 저는 크게 신경 안 씁니다. 이 html 언어가 바로 웹 페이지, 그러니까 사이트를 구성하는 언어예요! html 은 크게 네 구역으로 나눠져 있답니다. 지극히 제 생각이지만요. [헤더] [메뉴/네비게이션] [바디] [푸터] 이 네 구역 안에 다시 여러 가지 구역 (div) 으로 이루어져 있어요. html의 코드 표기는 이렇답니다. 이렇게 꺽쇠 안에 코드를 넣어서 표현하죠. html은 특이하게 닫는 코드도 있어요. 닫는 코드는 코드 이름 앞에 슬래시 [/]를 표현합니다. 자, 이제 시작해 봅시다. https://codesandbox.io CodeSandbox.. 2024. 1. 10.
[PPT] 구글 검색창 파워포인트로 만들기 / PPT 디자인 따라하기 / Google I. 서론 이번에는 깔끔하고 유명한 디자인으로 잘 알려져 있는 구글 검색창을 파워포인트에서 만들어 보도록 하겠습니다. II. 검색 박스 만들기 1. 관찰 여러분이 무언가를 보고 따라 만드려면, 우선 대상을 '관찰' 해야 합니다. 구글 검색창을 보면 위 사진과 같은 이런저런 다양한 테마가 있을 겁니다. 그 중 잘 알려진 오리지널 디자인을 제작하는 것이 좋겠지요? 검색창을 조금만 들여다보면 구글의 로고와, 검색 박스 (사각형)이 있습니다. 이 사각형의 모서리는 둥글고, 그림자 효과가 있으며 사각형 안에 텍스트가 적혀 있습니다. 그렇다면 이를 바탕으로 디자인을 해 봅시다! 2. 구현 이 둥근 모서리 사각형을 선택해서 가로로 길-죽하게 하나 넣어주고요 주황색 동그라미를 마우스로 드래그하면 둥근 정도를 조절할 수.. 2024. 1. 10.
[일러스트레이터] 유기화학 육각형 노트 만들기 / 벤젠고리 / 일러스트 패턴 / 육각형 패턴 I. 서론 유기화학을 정리하다 보면 아래 그림과 같이 벤젠 고리 또는 페놀기를 그릴 일이 많이 있죠? 손으로 그리다 보면 이게 은근 귀찮기도 하고 각도가 잘 맞지 않아서 불편한적 있다? 그래서 이 육각형 고리가 가득 들어 있는 패턴을 넣어서 노트를 하나 디자인해볼까 합니다 II. 육각형 고리 1. 아트보드 설정 우선 일러스트레이터에서 아트보드(대지)를 A4사이즈로 하나 깔아주고 2. Polygon Tool로 정육각형 제작 왼쪽 패널에서 Rectangle Tool에서 길게 좌클릭하면 아래에 Polygon Tool이 있습니다 요걸로 반듯한 정육각형을 만들거에요~ 선택 후 좌클릭을 한번 해주면 이렇게 접하는 원의 반지름과 (내접원? 외접원? 사실 잘 모릅니다) 한 변의 길이를 입력할 수 있고요 OK를 누르면,.. 2024. 1. 7.
[PPT] 애플의 디자인 따라 해보기 / 파워포인트 표지 디자인 템플릿 I. 서론 디자인을 어떻게 할지 막막하신가요? 그럴 땐 디자인을 따라 해 보는것도 좋은 방법이랍니다! 이번엔 디자인으로 유명한 "애플"의 디자인을 따라 PPT를 만들어 봅시다 II. 본론 1. 따라 만들 디자인 따라 만들 디자인입니다 애플 홈페이지에 들어가면 바로 보이는 아이폰 15의 모습이에요~ 딱 보자마자 PPT 표지에 쓰면 괜찮을 것 같다는 생각이 들었답니다 2. 사용할 이미지 저는 탁구채와 탁구공을 이미지로 넣어 보겠습니다. 무료 이미지 사이트: https://pixabay.com/ 에서 찾아봤습니다 3. PPT 디자인 우선 배경색을 알아봅시다. F12를 누르시면, 이렇게 개발자 도구가 뜨는데, 스포이드 모양을 누르고 원하는 곳을 클릭하면 저렇게 색상 코드를 알 수 있답니다 애플에서는 #00000.. 2023. 12. 28.
[🎨썸네일 메이커] 5초만에 티스토리 썸네일 만들어 드립니다. 🎨 썸네일 메이커 바로가기 티스토리로 포스팅을 다~ 작성해놓고, 마지막에 썸네일을 추가하는 곳에서 항상 "멈칫" 하게 됩니다. 매번 썸네일을 만들기엔 너~무 귀찮아요... (미리캔버스? 파워포인트? 이것도 괜찮긴 하지) 이왕 만드는 김에 디자인도 예쁘면 좋으니 효율성 같은건 집어치우고 디자인에 올인했습니다 😁 유리 컨셉 글래스모피즘 디자인입니다! 최적화는 다음에 심심할때 하죠 뭐... (심심하지 않습니다) 🔥 HTML 캔버스 HTML 삽입 미리보기할 수 없는 소스 캔버스를 이용해서 배경을 출력하고, 텍스트도 입력하게 만들었습니다. 위의 코드로 각각 배경, 텍스트 캔버스를 만들어 주었습니다. HTML 삽입 미리보기할 수 없는 소스 자바스크립트는 일부분만 넣어 드릴께요. 풀 버전은 깃허브에 있습니다! [깃허.. 2023. 12. 14.
[PPT] 파워포인트에 움직이는 3D 모델 넣기 / 3D 애니메이션 *잠깐 시작 전에! 3초 만에 블로그 썸네일 만드는 방법?? https://eggjini.github.io/banner-maker/ 🎨 썸네일 메이커 eggjini.github.io I. 3D 모델 준비 PPT에 넣을 3D 모델이 있어야겠죠? 크게 2가지 방법이 있습니다. 1. 스톡 3D 모델 파워포인트에서는 기본적으로 여러 가지 3D 모델들을 제공하고 있답니다~ 이렇게 스톡 3D 모델에 들어가 보면 여러 모델들이 나오죠? 장난감, 화학, 동물, 공룡 등등... 그럼 한번 d오비탈을 넣어보겠습니다. 2. 직접 만들기! Fusion 360과 같은 설계 프로그램으로 디자인한 3D 모델을 사용할 수도 있답니다. 자~ Fusion 360에서 우선 아무거나 열어 봤습니다. 내보내기 > STL 파일을 선택하시고 3.. 2023. 12. 14.
[PID 튜토리얼] ①PID 제어란 무엇인가? / MATLAB 매트랩 / 미적분학 활용예시 / PID 제어 하는법 / 비례제어 / 적분제어 / 크루즈 컨트롤 1. PID 제어란? Proportional-Integral-Differential controller 쉽게 말해서 "비례 + 미분 + 적분" 제어기 입니다! 피드백을 통해 작동하는 제어기의 한 종류랍니다.PID 제어는 드론, 로봇청소기, 자율주행 등 다양한 분야에서 사용하는데요, 한번 예시를 들어서 쉽게 이해해 봅시다~ 2. 크루즈 컨트롤을 구현해보자🚗비교적 간단한 예시인 "크루즈 컨트롤"을 이용해서 PID 제어를 이해해 봅시다.크루즈 컨트롤이란 액셀을 밟지 않아도 차가 알아서 일정한 속도를 유지해 주는 기능을 말합니다.우선, 크루즈 컨트롤을 적용할 차가 있어야겠죠?  고속도로에 시속 80km로 달리는 자동차가 있다고 상상해 보세요.이 상태 그대로 액셀을 밟는 발을 조금 편하게 하기 위해서 크루즈 .. 2023. 11. 22.
① 아두이노 스마트팜 만들기 / 식물 배양 실험 장치 / 센서 / IOT 1. 스마트팜이란 무엇인가 스마트팜이란, ICT를 접목하여 지능화된 농장을 말한다. 스마트팜이라고 해서 꼭 "식물" 만을 기르는 것이 아니라, 스마트 축산, 스마트 노지, 스마트 유통 등 다양한 분야에 적용이 됩니다. 이 "스마트팜"을 이용하여 식물을 배양할 수 있는 실험 장치를 구축해 봅시다! 실험을 위한 온도, 습도, 광량, 심지어 CO2 농도까지 다양한 변인들을 조작하거나 측정하는 기능을 넣어 볼까 합니다. 더 나아가서 측정된 데이터들을 웹사이트에 실시간으로 보여주고, DB에 저장하는 것 까지 시도해 볼게요~ 2. 스마트팜 구성요소 스마트팜에 어떤 기능을 넣을까 고민하다가 아두이노를 활용할 수 있는 부품들을 한번 정리해 봤습니다. 온습도센서, 이산화탄소 센서, 조도 센서들은 스마트팜이라면 당연히 갖.. 2023. 11. 21.