반응형 분류 전체보기203 [예제 4.1 ~ 4.6 파일] 2021. 5. 28. [부품 구매처] 스크래치&앱 for 아두이노 책에서 다루는 실습을 위한 부품 구매목록과 링크 번호 부품명 개수 구매링크 1 아두이노 우노+USB케이블 1세트 www.devicemart.co.kr/goods/view?no=1245596 2 브레드 보드 1개 www.devicemart.co.kr/goods/view?no=1328148 3 전선(MF) 1세트 www.devicemart.co.kr/goods/view?no=1321195 4 전선(MM) 1세트 www.devicemart.co.kr/goods/view?no=1329628 5 버튼 1개 https://www.devicemart.co.kr/goods/view?no=1310704 6 RGB LED 1개 www.devicemart.co.kr/goods/view?no=1280310 7 I2C LCD .. 2021. 5. 6. [프론트엔드 4] 로그인 페이지 만들기(CSS기초 스타트!) 저번 [프론트엔드 3]에서 HTML기초를 연습했다면, 이제는 HTML로 만든 화면단을 CSS라는 걸로 꾸며보는 실습을 해보겠습니다. 로그인 페이지의 화면단을 하나 만들어 보면서 CSS에 대해 기본적인 감만 잡으시면 오늘 성공하신 겁니다! 아래 실습영상을 보시면 따라해주시면 되겠습니다! 화이팅 ! 2021. 2. 26. [HTML.002] HTML 파일 만드는 방법(Visual Studio Code) [HTML.002] HTML 파일 만드는 방법(Visual Studio Code) 홈페이지의 눈에 보이는 화면 영역은 html/css/javascript 로 코딩을 해야 합니다. 그 중에서 화면 영역의 뼈대 구조를 잡는데 사용하는 HTML의 기초에 대해 연습해 보도록 하겠습니다. [1] 폴더 준비하기 컴퓨터의 아무곳에나 폴더하나를 만들어 주세요. 저는 D드라이브에 web_study라는 폴더를 아래와 같이 만들었습니다. web_study 폴더안에 앞으로 오늘의 실습을 담아둘 폴더인 ex01 폴더를 만들겠습니다. [2] index.html 파일 만들기 vscode의 왼쪽 상단메뉴에서 'File' > 'Open Folder'를 눌러서 아까 만든 ex01폴더를 선택해 줍니다. 그러면 아래 그림 처럼 대문자로 E.. 2021. 2. 23. [HTML.001]Visual Studio Code 설치하기 [HTML.001] Visual Studio Code 설치하기 [1] 웹 페이지 개발이란? 웹 페이지 개발은 다음의 두가지를 만드는 것입니다. 프론트 엔드(Front-End) 백 엔드(Back-End) 프론트 엔드는 홈페이지에서 눈에 보이는 부분을 말합니다. 👀 예를 들면, 버튼, 로고, 이미지 등등 입니다. 💻 백 엔드는 홈페이지에서 눈에 보이지 않는 동작들을 말합니다. 예를 들면, "버튼이 눌리면 이런 동작이 발생해라!" 같은 겁니다.🖱 프론트 엔드와 백 엔드는 모두 코딩! 을 해서 만들어야 합니다. (코딩: 사람이 컴퓨터에게 명령을 입력하는 행위) 이런 코딩을 편하게 하기 위한 환경은 여러가지가 있는데요. 그 중에서도 Visual Studio Code라는 코딩용 에디터가 꽤 좋습니다. [2] 웹페이.. 2021. 2. 16. 이전 1 ··· 20 21 22 23 다음 728x90 반응형
