본문 바로가기

반응형

Softwear Development

(5)
html 공부 사이트 html 공부 사이트 : 1. https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com 2. https://opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여 opentutorials.org 3. https://www.codecademy.com/learn/lear... Catalog Home | Codecademy If you’re not sure wher..
웹서비스 개발하기 (개요) 웹서비스와 웹사이트는 다르다. 웹사이트는 정보나 컨텐츠를 담고있는 정적인 페이지에 불과하다면 웹서비스는 사용자의 반응에 따라 상호적으로 반응하는 동적인 기능이다. 내가 만들고 싶은 것은 웹서비스이다. 웹서비스를 개발하기 위한 10단계는 다음과 같다. 1 무엇을 만들 것인지 정한다. 2 필요한 스킬과 도구를 파악한다. 3 웹 프레임워크를 선택한다. 4 기본적인 웹 서버를 구성한다. 5 HTML, CSS, JavaScript 코드를 작성한다. 6 백엔드와 프론트엔드를 연결한다. 7 데이터베이스를 연결한다. 8 서버를 배포한다. 9 테스트와 디버깅을 수행한다. 10 유지 보수 및 업데이트를 수행한다. 위 10단계를 수행하기 위해 내가 가져야할 가장 중요한 스킬은 프로그래밍 언어와 프레임워크에 대한 이해이다. ..
비전공자가 유튜브 보고 웹사이트 만들기3 <CSS 기초> CSS CSS Zen garden 사이트는 CSS가 사이트에 얼마나 큰 변화를 주는가 알려주는 사이트이니 참고하면 좋다. 아래 링크 https://www.csszengarden.com/pages/alldesigns/?pg=2 CSS Zen Garden: All Designs www.csszengarden.com CSS는 웹사이트에서 사용자에게 보이는 디자인을 정해주는 것이다. 예를 들면 텍스트의 크기라던지 색을 바꿀 수 있으며 원하는 그레픽도 가능하게 해주는 코드를 작성할 수 있다. CSS 사용법은 아래 세가지가 있다. 1. css 파일 연결 2. style 태그 3. inline style 1. CSS 파일을 연결 VSC에서 새로운 파일을 만들어 준다. CSS 파일이름은 보통 style.css 로 해준..
비전공자가 유튜브 보고 웹사이트 만들기2 <오픈소스로 웹사이트 만들기> https://howtobeefiifient.tistory.com/category/Coding/Web 'Coding/Web' 카테고리의 글 목록 howtobeefiifient.tistory.com 오픈 소스 이용하여 html 코딩하기 오픈소스는 코딩 마트에서 장을 보는 것과 같다. html 직접 작성할 필요 없이 구글이나 다른 사이트에서 이미 작성된 템플릿을 가져와 사용한다. 구글에서 html free template 검색해서 무료 사이트에 접속한다. https://www.free-css.com/free-css-templates Download 3459 Free Website Templates - CSS & HTML | Free CSS www.free-css.com 단, 저작권 주의해야 한다. 다운로드 ..
비전공자가 유튜브 보고 웹사이트 만들기 1 <html 기초> https://howtobeefiifient.tistory.com/category/Coding/Web 'Coding/Web' 카테고리의 글 목록 howtobeefiifient.tistory.com 개발환경설정하기 1. 구글 크롬 설치 (추천사항) 2. VSC 설치 (Visual Studio Code) https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and ..

반응형