이것저것 공부노트

아두이노란 ARDUINO 이탈리아에서 개발하느 다양한 센서나 부품을 연결할 수 있는 마이크로 보드로 명령을 실행하고 처리하는 기본적인 장치를 가지고 있습니다. 아두이노에 어떠한 센서나 부품을 연결하는가에 따라 다양한 제품을 만들 수 있는데요. 전용 프로그램으로 명령어를 코딩하여 원하는 동작을 하게끔 할 수 있습니다. 또한 오픈소스로 모든 소스가 공개되어 있죠. 요즈음에는 초등학생 코딩 교육 열풍이 불면서 아두이노전용 쇼핑몰도 생겼는데요. 제가 처음 접한게 10년 전인듯 한데 많이 알려진 것 같습니다. 핀과 메모리, 프로세서,확장성에 따라 아두이노보드 가격도 천차만별입니다. 초급 스타터 키트를 구매해서 시작하는 것이 좋구요. 센서나 전자부품을 조립하는 재미가 있는데요. 온도,환경센서 초음파센서,거리가속도센..

안녕하세요~2018년 정규과목으로 코딩이 신설되면서 소프트웨어교육인 코딩교육에 대한 관심이 뜨거운데요. 코딩 교육 프로그램 중 초등 코딩 교육으로 만들어진 대표적인 것이 스크래치 코딩입니다. 스크래치는 MIT 미디어랩의 Lifelong Kindergarten Group 에서 운영하는 프로젝트이며 무료입니다. 스크래치를 이용하면 인터렉티브한 이야기, 게임, 애니메이션을 직접 만들 수 있습니다. 스크래치를 통해 만든 프로젝트는 스크래치 사이트에 올려 공유가 가능한것도 매력입니다. 초등학생 대상이라 난이도는 쉬운 편입니다. 스크래치 강사분들도 비전공자가 많구요. 아이들이 스크래치를 통해서 규칙과 순서를 잘 정할 수 있다고만 해도 코딩을 잘 할 수 있는 논리적인 사고가 키워집니다. 또한 창의적 사고, 체계적 추..

튜토리얼식 코딩학습 사이트 Web Development, Computer Languages, Tools, APIs, Data Analytics https://www.codecademy.com/learn/all http://learn.shayhowe.com/ CSS 레이아웃 코딩 학습 사이트 http://ko.learnlayout.com/ HTML, CSS, JavaScript 코딩학습 사이트 http://div.or.kr/ 웹서비스 만들기, 컴퓨터 언어, 클라이언트, 서버, 개발도구, 프로젝트 관리 학습 사이트 https://opentutorials.org/course/1 개발언어 루비 Ruby에 관한 문제를 풀어서 다음 스테이지로 나아가는 코딩학습 게임 사이트 https://www.bloc.io/rub..

웹관련 디자인 벤치마킹 사이트 웹사이트 관련 해외어워드(매달 전문가들이 평가한 우수사이트)(유니크함위주) https://thefwa.com 웹사이트디자인 관련 해외어워드(매일 전문가들이 평가한 우수사이트)(아트웍위주) http://www.awwwards.com 해외위주 웹디자인 참고사이트 https://www.siteinspire.com 해외위주 웹디자인 참고사이트 http://www.webdesign-inspiration.com 국내위주 웹 참고사이트 http://blog.dbcut.com 국내위주 웹디자인 참고사이트 http://koreawebdesign.com/site/ 랜딩페이지(원페이지)디자인 레이아웃 http://www.landingfolio.com/?ref=producthunt UI디자인 컴..

코딩이란? 코딩이란 쉽게 말해 컴퓨터 프로그래밍이라 할 수 있습니다. C언어, 자바, 파이선 등 컴퓨터 언어로 프로그램을 만드는 것입니다. 코딩은 컴퓨터 프로그램이 어떤 기능을 가지게 할지, 인공지능이 어떤 행동을 하게 만들지를 입력해 주는 것이기 때문에 가장 기초적이면서도 필수적인 작업이라고 할 수 있습니다. 또한 코딩 공부를 통해 논리력 창의력 문제해결력을 키울 수 있습니다. 코딩의 중요성, 코딩교육 의무화 코딩이 중요한 것은 인공지능, 사물인터넷, 지능형 로봇, 빅 데이터 분석 및 활용 등 4차 산업혁명시대를 대변하는 모든 것이 소프트웨어를 통해 구현되기 때문입니다. 이러한 중요성 때문에 영국, 일본, 이스라엘등 해외 각국은 경쟁적으로 코딩을 정규 교육과정에 편입시켜 교육을 하고 있습니다.영국 정부..

HTML hypertext Markup Language - 웹 문서를 기술하기 위해 사용되는 국제 표준언어이다. - 마크업(Markup) 언어로서 태그(Tag)를 사용하여 데이터의 구조를 표현한다. - HTML 문서는 ASCII코드로 구성된 일반적인 텍스트 형태이다. - HTML 문서는 일반 에디터(메모장), 워드프로세서, 홈페이지 제작 도구를 통해 작성한다. - HTML 문서 확장명은 .htm 또는 .html이다. HTML 문서의 구조 - HTML 문서의 구조는 태그로 시작해서 태그로 종료한다. - html 문서 시작 - 머리(헤드)끝 -몸체(본문)시작 문서의 내용 - 몸체(본문)끝 -html 문서 끝 HTML 태그 태그의 사용 - 태그는 시작 태그와 종료 태그가 한 쌍을 이루어 사용된다. - 종료 태..

멘탈모델 mental model 멘탈모델이란 사용자가 목적을 달성하기 위해 수행하는 행동과 그 심리적 근거들을 분류하여 도식화한 것입니다. 멘탈모델을 만들려면 사용자가 제품의 가시적 구조, 기능, 그리고 디자인에 대하여 마음속으로 어떻게 인식하는 가를 해석해야 합니다. 멘탈모델은 사용자 심리 메뉴얼이라 할 수 있습니다. 멘탈모델은 사용자의 기존 경험의 유무, 배경지식의 수준, 연령, 성별, 성향 등 여러 조건에 근거하여 형성됩니다. 이 기법은 제품에 대한 사용자의 심리적 반응을 확인하고 제품 디자인을 개선해 나가기 위해 사용됩니다. 멘탈모델을 구축하기 위해서는 서로 다른 부류의 사람들로 인터뷰 대상을 구성해야 합니다. 비슷한 행위를 하는 사용자들을 그룹으로 묶어 분류합니다. 이렇게 정리한 최종 멘탈모델은..

WordPress 워 드 프 레 스 기 초 1. 워드프레스란 ? - 누구나 무료로 자유롭게 사용할 수 있는 오픈소스 홈페이지 제작 소프트웨어 - 워드프레스 공식 홈페이지(ko.wordpress.org)에서 다운받을 수 있는 코어(core)파일. 워드프레스의 기본 골격을 이루는 파일과 기능을 구축하고 제어하는 파일들로 구성 - 코어 파일을 활용하여 웹페이지의 기능과 스타일을 무한대로 확장 - 전 세계의 1/6의 홈페이지가 워드프레스로 제작 - 현 4.7버전까지 업데이트, 한글버전 제공 2. 주요용어 ➀ 테마(theme) 웹사이트의 레이아웃과 세부 디자인을 결정하는 파일. 무료 혹은 유료로 다운받아 워드프레스 내에 설치. 사이트의 용도나 기획에 따라 활용 ➁ 플러그인(plugin) 워드프레스 내에 설치하는 ..

3DSMAX 기본 인터페이스 1 1. VIEWPORT TOP, FRONT, LEFT - 2DVIEW PERSPECTIVE - 3DVIEW +버튼 - 뷰포트 레이블 REALISTIC MODE - 필요없음 ISOMETRIC USER VIEW, ORTHOGRAPIC VIEW - 원근감없는뷰 PERSPECTIVE VIEW -원근감있는 뷰 2. RENDERER 렌더러 RENDERER - 렌더링하는 엔진 GI RENDERER (GLOBAL ILLUMINATION) - 빛이 정반사, 난반사가 되는 방식, LI RENDERER C(LOCAL) - 빛이 공간에 하나만 반사하는 방식, 정반사 SCANLINE RENDERER- 위에서 밑으로 렌더링하는 방식, 맥스 기본 렌더러 MENTALRAY - GI계열, 30년의 역사를..

웹디자인 기본용어 정리 -Web Design Note - 인터렉션 디자인 - 사이트를 가능한 쉽고, 효과적이고, 즐겁게 사용자 인터페이스(UI)디자인 - 페이지의 기능적 구조와 사용자가 콘텐츠를 탐색하거나 작업을 수행하기 위해서 사용하는 단추, 링크, 메뉴와 같은 도구에 대해 집중적으로 다룸 사용자 경험 디자인 - 도널드 로먼: 제품에 대한 모든 측면에서 사용자 인터렉션을 포함해야 함. 웹사이트를 운영하는 조직적 브랜드와 사업 목적에 부합해야 함. 사용자 중심 디자인 - 사용자의 필요사랑, 요구사항, 제한사항을 잘 이해하여 디자인 와이어프레임다이어그램 - 웹페이지의 구조 사이트 다이어그램- 사이트 전체의 구조 스토리보드 - 사용자의 관점에서 사이트를 사용하는 과정 사용자 순서도 - 사이트나 응용프로그램에..