LAB2: html
WEB/2020_webCamp 2020. 7. 22. 23:22

HTML Form 속성 Action : form이 제출되었을 때, action을 설정 Target : 제출했을 때 결과를 기존 페이지에 보여줄 지(default : _self), 새로운 브라우저를 열지(_blank) method : data를 전송할 때 사용할 함수 (get/post) :-> 값을 url 창에 보여줄지 숨길지 결정! (보이기: get, 숨기기: post) Text : 텍스트 값을 입력받는 필드 Radio : radio button으로 보여지는 필드 Submit : submit 버튼으로 보여지는 필드 : 유저의 입력값을 받기 위한 html form을 만드는 태그 : type에 따라 다양한 형식으로 입력값을 받는다. : form의 input틀에 이름을 붙이는 태그, 어떤 정보를 입력하는 지 ..

LAB1: html tag
WEB/2020_webCamp 2020. 7. 21. 04:01

: 해당 태그의 content가 웹페이지에 보여진다. 속성 style -> background로 페이지 배경색 설정 가능 내용—> : 주석처리 태그 : 제목처럼 굵게 표시하는 태그, 1~6 까지 가능하고 숫자가 커질수록 글씨 크기가 줄어든다. : 문단 태그, 하나의 문단을 표시한다. 해당 태그는 종료 태그없이 돌아가지만, 예상치 못한 오류가 발생할 수 있으니 잊지 말고 표시하자! 속성 style : 내용의 font, color, size 등을 지정할 수 있다. color의 경우 글자색을 변경하고 background color는 글자의 배경색을 변경한다. title : tooltip을 보여 준다. 텍스트에 커서를 올리면 확인할 수 있다. ‘’안에 내용을 적으면 “”을 페이지에 보이도록 할 수 있고, “”를..

LAB0 : 닷홈 개설 + fileZilla 설치 + VScode에서 ftp로 리모트 서버연동
WEB/2020_webCamp 2020. 7. 20. 00:24

1. 닷홈 개설하기 https://www.dothome.co.kr/ 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 웹 호스팅 > 무료 호스팅 : 마이 닷홈에서 도메인을 눌러서 아래와 같은 창이 나오면 완료! 2. 파일질라 설치하기 https://filezilla-project.org/ FileZilla - The free FTP solution Overview Welcome to the homepage of FileZilla®, the free FTP solution. The FileZilla Client not only supports FTP, but ..

MS WORD vs GOOGLE DOCS
실전프로젝트2 2020. 4. 11. 05:44

3. 경쟁 상품인 Google Docs와 MS WORD 비교 3-1 MS WORD와 Google Docs 장단점 비교 밑줄 교정 : word는 문서를 작성하는 동안 계속 문법을 확인하여 문법적인 오류 또는 오타를 인지하여 밑줄로 그으면서 수정을 요구한다. 또한, 마우스를 우클릭하면 교정된 단어들을 리스트로 보여준다. 오피스 프로그램과의 통합 : MS Powerpoint, MS Excel 등에 있는 요소들은 word에 쉽게 가져다 사용할 수 있다. 예를 들어 Excel에서 만든 스프레드 시트를 쉽게 Word 문서에 복사, 붙여 넣기를 할 수 있다. 탐색창 : 상단에 사용하기 쉬운 탐색창을 제공하여 마우스 커서를 아이콘에 올리면 기능을 설명하는 창이 떠 쉽게 원하는 기능을 이용할 수 있다. 가격 : 학생이 ..

터미널에서 Github 사용하기
Git 2020. 4. 8. 06:06

1. git 설치 sudo apt-get install git-core 2. github 계정정보등록 sudo git config --global user.name "계정이름" sudo git config --global user.email "메일주소" sudo git config --global color.ui "auto" 3. github 저장소 복제 sudo git clone "주소" 4. github 올리기 git init :새로운 git 저장소 생성 git add filename : github에 update 또는 새로 만들 파일 Stage라는 인덱스에 추가 git status git commit -m "설명" git log : 변경된 기록 확인하는 명령어 git remote add origin..

3. Flutter - timer app
실전프로젝트2 2020. 3. 15. 18:10

이 부분은 어플리케이션을 생성하는 부분이다. theme에서 light->dark로 바꿔보니 app의 바탕색이 바뀌었다. 설치해보고 싶은 오픈 소스를 검색해보면서 여러 가지 tool들로 만들어진 다양한 소스를 대충이나마 훑을 수 있었다. 그렇지만 아직까지 많은 tool들을 사용하기에 부족함이 많다는 것을 느꼈다. 다양한 tool을 사용하기 위해 이론적인 지식의 필요성을 느꼈다. 이번에 선택한 오픈 소스는 사실 간단한 편이라서 활용해 볼수 있는 범위가 적었던 것 같다. 다음번엔 좀 더 많은 기능이 있는 오픈 소스를 찾아 응용해보거나 아니면 나만의 어플리케이션을 만들어 보고 싶다.

2. Flutter - timer app
실전프로젝트2 2020. 3. 15. 16:45

Open source를 다루는 환경을 만들기 위해 Flutter과 Android studio를 설치한다. 설치는 이 블로그를 참고했다. [Flutter] Windows 10에 Flutter 개발환경 설치하기 Windows 10에 Flutter 개발환경 설치하기 윈도우 환경에서 플러터 앱을 개발하는 방법을 알아보자 작성 환경 OS : Windows 10 IDE : Android studio 3.5 이상 (또는 Intellij IDEA 2019.1.2 이상) 작업 순서 1. In.. spiralmoon.tistory.com application을 실행해보기 위해 virtual device를 생성했다. Android studio와 Flutter를 설치 한 뒤, Xtimer github에서 오픈소스를 zip형태..

1. Flutter - timer app
실전프로젝트2 2020. 3. 15. 16:32

1. Flutter Flutter은 구글이 개발한 모바일 어플리케이션 개발 UI 프레임워크이다. 개발 언어로 DART를 사용하고 안드로이드와 IOS 앱 모두 개발 가능하다. 표현력 있고 유연한 UI 디자인 구현이 가능하고 네이티브 수준의 성능을 제공한다. Flutter - 가장 빠른 아름다운 네이티브 앱 Flutter(플러터)는 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일 되는 구글의 아름다운 UI 툴킷입니다. Flutter는 기존 코드와 함께 동작하고, 전세계 개발자와 조직에 쓰이고 있으며, 무료 오픈 소스입니다. flutter-ko.dev 2. Android Studio Android Studio는 구글에서 지원하는 안드로이드 application 개발을 위한 통합 개발 환경(ID..