자, 문제를 내 봅시다... 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 의 값을..
이번엔 html을 한번 해 봅시다! html이 뭘까요? 하이퍼 텍스트 마크업 언어 (Hyper Text Markup Lnaguage 라고 하는데... 저는 크게 신경 안 씁니다. 이 html 언어가 바로 웹 페이지, 그러니까 사이트를 구성하는 언어예요! html 은 크게 네 구역으로 나눠져 있답니다. 지극히 제 생각이지만요. [헤더] [메뉴/네비게이션] [바디] [푸터] 이 네 구역 안에 다시 여러 가지 구역 (div) 으로 이루어져 있어요. html의 코드 표기는 이렇답니다. 이렇게 꺽쇠 안에 코드를 넣어서 표현하죠. html은 특이하게 닫는 코드도 있어요. 닫는 코드는 코드 이름 앞에 슬래시 [/]를 표현합니다. 자, 이제 시작해 봅시다. https://codesandbox.io CodeSandbox..
I. 서론 이번에는 깔끔하고 유명한 디자인으로 잘 알려져 있는 구글 검색창을 파워포인트에서 만들어 보도록 하겠습니다. II. 검색 박스 만들기 1. 관찰 여러분이 무언가를 보고 따라 만드려면, 우선 대상을 '관찰' 해야 합니다. 구글 검색창을 보면 위 사진과 같은 이런저런 다양한 테마가 있을 겁니다. 그 중 잘 알려진 오리지널 디자인을 제작하는 것이 좋겠지요? 검색창을 조금만 들여다보면 구글의 로고와, 검색 박스 (사각형)이 있습니다. 이 사각형의 모서리는 둥글고, 그림자 효과가 있으며 사각형 안에 텍스트가 적혀 있습니다. 그렇다면 이를 바탕으로 디자인을 해 봅시다! 2. 구현 이 둥근 모서리 사각형을 선택해서 가로로 길-죽하게 하나 넣어주고요 주황색 동그라미를 마우스로 드래그하면 둥근 정도를 조절할 수..
I. 서론 유기화학을 정리하다 보면 아래 그림과 같이 벤젠 고리 또는 페놀기를 그릴 일이 많이 있죠? 손으로 그리다 보면 이게 은근 귀찮기도 하고 각도가 잘 맞지 않아서 불편한적 있다? 그래서 이 육각형 고리가 가득 들어 있는 패턴을 넣어서 노트를 하나 디자인해볼까 합니다 II. 육각형 고리 1. 아트보드 설정 우선 일러스트레이터에서 아트보드(대지)를 A4사이즈로 하나 깔아주고 2. Polygon Tool로 정육각형 제작 왼쪽 패널에서 Rectangle Tool에서 길게 좌클릭하면 아래에 Polygon Tool이 있습니다 요걸로 반듯한 정육각형을 만들거에요~ 선택 후 좌클릭을 한번 해주면 이렇게 접하는 원의 반지름과 (내접원? 외접원? 사실 잘 모릅니다) 한 변의 길이를 입력할 수 있고요 OK를 누르면,..
I. 서론 디자인을 어떻게 할지 막막하신가요? 그럴 땐 디자인을 따라 해 보는것도 좋은 방법이랍니다! 이번엔 디자인으로 유명한 "애플"의 디자인을 따라 PPT를 만들어 봅시다 II. 본론 1. 따라 만들 디자인 따라 만들 디자인입니다 애플 홈페이지에 들어가면 바로 보이는 아이폰 15의 모습이에요~ 딱 보자마자 PPT 표지에 쓰면 괜찮을 것 같다는 생각이 들었답니다 2. 사용할 이미지 저는 탁구채와 탁구공을 이미지로 넣어 보겠습니다. 무료 이미지 사이트: https://pixabay.com/ 에서 찾아봤습니다 3. PPT 디자인 우선 배경색을 알아봅시다. F12를 누르시면, 이렇게 개발자 도구가 뜨는데, 스포이드 모양을 누르고 원하는 곳을 클릭하면 저렇게 색상 코드를 알 수 있답니다 애플에서는 #00000..
🎨 썸네일 메이커 바로가기 티스토리로 포스팅을 다~ 작성해놓고, 마지막에 썸네일을 추가하는 곳에서 항상 "멈칫" 하게 됩니다. 매번 썸네일을 만들기엔 너~무 귀찮아요... (미리캔버스? 파워포인트? 이것도 괜찮긴 하지) 이왕 만드는 김에 디자인도 예쁘면 좋으니 효율성 같은건 집어치우고 디자인에 올인했습니다 😁 유리 컨셉 글래스모피즘 디자인입니다! 최적화는 다음에 심심할때 하죠 뭐... (심심하지 않습니다) 🔥 HTML 캔버스 HTML 삽입 미리보기할 수 없는 소스 캔버스를 이용해서 배경을 출력하고, 텍스트도 입력하게 만들었습니다. 위의 코드로 각각 배경, 텍스트 캔버스를 만들어 주었습니다. HTML 삽입 미리보기할 수 없는 소스 자바스크립트는 일부분만 넣어 드릴께요. 풀 버전은 깃허브에 있습니다! [깃허..
*잠깐 시작 전에! 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..
1. PID 제어란? Proportional-Integral-Differential controller 쉽게 말해서 "비례 + 미분 + 적분" 제어기 입니다! 피드백을 통해 작동하는 제어기의 한 종류랍니다. PID 제어는 드론, 로봇청소기, 자율주행 등 다양한 분야에서 사용하는데요, 한번 예시를 들어서 쉽게 이해해 봅시다~ 2. 크루즈 컨트롤을 구현해보자🚗 비교적 간단한 예시인 "크루즈 컨트롤"을 이용해서 PID 제어를 이해해 봅시다. 크루즈 컨트롤이란 액셀을 밟지 않아도 차가 알아서 일정한 속도를 유지해 주는 기능을 말합니다. 우선, 크루즈 컨트롤을 적용할 차가 있어야겠죠? 고속도로에 시속 80km로 달리는 자동차가 있다고 상상해 보세요. 이 상태 그대로 액셀을 밟는 발을 조금 편하게 하기 위해서 크루..
1. 스마트팜이란 무엇인가 스마트팜이란, ICT를 접목하여 지능화된 농장을 말한다. 스마트팜이라고 해서 꼭 "식물" 만을 기르는 것이 아니라, 스마트 축산, 스마트 노지, 스마트 유통 등 다양한 분야에 적용이 됩니다. 이 "스마트팜"을 이용하여 식물을 배양할 수 있는 실험 장치를 구축해 봅시다! 실험을 위한 온도, 습도, 광량, 심지어 CO2 농도까지 다양한 변인들을 조작하거나 측정하는 기능을 넣어 볼까 합니다. 더 나아가서 측정된 데이터들을 웹사이트에 실시간으로 보여주고, DB에 저장하는 것 까지 시도해 볼게요~ 2. 스마트팜 구성요소 스마트팜에 어떤 기능을 넣을까 고민하다가 아두이노를 활용할 수 있는 부품들을 한번 정리해 봤습니다. 온습도센서, 이산화탄소 센서, 조도 센서들은 스마트팜이라면 당연히 갖..
길고 긴 서론 안녕하세요~~~ 제가 얼마 전에 윈도우 테마를 설치 받았습니다! 마이크로스프트에서 만든 공식 테마는 아니고요, 개인이 만든 수제 테마라고 합니다. 테마를 설치하는 과정에서 필요한 프로그램들을 찾아 보고, 설치받다 보니까 확장자가 zip으로 조작된 바이러스 파일을 발견했답니다. 설치를 누르자마자 강력한 백신 프로그램이 작동해서 다행히도 피해는 없었습니다. 개발을 하고, 파일을 공유하거나 공유받을 때 혹시.... 하는 생각이 들더라고요. 그래서 간편하게 파일이나 사이트 등에 바이러스가 있는지~ 검사할 수 있는 사이트를 공유해 드리려고 해요. 이제 여러분의 컴퓨터 안전하게 지켜주세요! Virustotal 우선 이 사이트의 이름은 바이러스 토탈 [Virustotal] 이랍니다. 아래에 사이트 링크..
제가 포스팅 마지막 쯤에 항상 "오늘 설명한 내용은 제 깃허브에 올려 두었으니 참고 바랍니다" 라고 적어 둡니다만, 깃허브 사용법을 모르시는 분들이 있을 것 같아서 쉽게 설명 드리려 합니다. 깃허브 가입하기. 우선, 깃허브에 들어가 주세요. 👉 [깃허브 바로가기] 그러면 이렇게 영어가 펼쳐지게 됩니다. 아쉽게도 외국 사이트라서 영어로 보셔야 할 것 같네요. 우선, 깃허브 계정을 만들어 주셔야 하는데, 저 위쪽에 "Sign Up" 이라는 버튼을 누르면 됩니다. 그럼 뭔가 이렇게 있어 보이는 창이 뜹니다. 리눅스를 컨셉으로 만든 것 같네요. Enter your mail이 떴으니 시키는 데로 이메일을 넣어줍시다. 저는 이미 가입을 해 놔서 진행이 안 되니 다른 메일로 해 볼게요. 그러고 이렇게 비밀번호를 설정..
자, 만약 여러분이 게임을 한다고 해 봅시다. 우선 기본적으로 조작 키가 있어야겠죠? 이건 뭐 있는 기능이라고 치고, 저 앞에 코인이 있습니다. 캐릭터도 그려 주고요. 얘가 이렇게 코인을 먹게 되면, 점수가 올라갑니다. 여러분은 방금 변수를 사용한 것입니다. 그게 무슨 말이냐고요? 점수가 +1이 되었다는 건, 원래 점수에 1만큼의 값을 더해주었다는 말이 됩니다. 그래서 점수 = 점수 + 1 이 되죠. 여기서 (점수) 라는 것이 바로 "변수" 가 됩니다. 아니 그래서 변수가 뭔데요? 변수는 말 그대로 "변할 수 있는 수" 입니다. 캐릭터가 코인을 몇 개 먹는지에 따라 변수인 점수가 변하게 되죠. 또 다른 예를 들어, 여러분의 나이는 해가 지날수록 1씩 늘어나게 되는 변수입니다. 반면에 절대 변할 수 없고 ..
자, 코딩을 배우기 앞서서, 코딩을 할 프로그램을 깔아 보도록 합시다. 이 강의는 C++ 에 대해 다룰 것이기 때문에 C++ 에 나름 최적화된 IDE를 소개 시켜 드리려 합니다. :) 모든 강좌는 보면서 바로바로 따라 해 보는 것을 추천드려요. 천재라면 한 번 보고 기억할 수 있겠지만, 여러분은 천재가 이니니...👍 자, 우선 네이버 검색창에 "Visual Studio" 라고 검색을 해 봅시다. 맨 위에 검색 결과에 무려 마이크로소프트라는 거창한 회사가 나옵니다. 클릭해서 조심스래 들어가 주세요. 이제 뭔가 있어 보이는 언어들이 나오기 시작했습니다. 저 아래에 맨 첫번째 보라색 Visual Studio를 다운로드 받으시면 됩니다. 돈이 많으시면 Professional을 사용해도 됩니다만, 무료 버전인 C..
로우폴리는 상대적으로 적은 수의 다각형이있는 3D 컴퓨터 그래픽의 다각형 메쉬라고 하네요. 이렇게 다각형으로 3D 디자인을 해보니까 나름대로 매력이 있는 것 같네요! 블렌더라는 무료 프로그램을 이용해 3D 디자인을 하는 법을 조만간 알려드릴 예정이랍니다. 가을이 다가와서 날씨도 쌀쌀해지고 해서 가을 느낌으로 3D 디자인을 해 봤습니다 3D 디자인을 해 보니 오브젝트의 텍스쳐, 질감이나 빛, 그림자가 정말 중요하더라고요! 다음에 상세하게 하나하나 알려드릴테니 기대해주세요~ +_+
여러분 혹시 펭귄이 멸종위기라는 사실을 아시나요? 황제펭귄은 현제 준위협 (NT) 상태로 멸종위기가 다가오고 있답니다. 지구온난화로 빙하가 녹고, 해수면 상승으로 아직 자라지 못한 어린 펭귄들이 익사해 멸종해 간다고 하네요! 오랜만에 하는 포스팅이니만큼 미리캔버스를 이용해서 웹 세로 포스터를 한번 만들어 보겠습니다! 미리캔버스에서 "펭귄"으로 검색하니 이렇게 냉장보관하라고... 하네요 텍스트만 바꿔서 이렇게 쉽게 포스터를 만들어 보았습니다! 이렇게 이미지도 얼음으로 바꿔보고 디테일도 추가해 완성했답니다!