생활코딩
-
[CSS] Selector: class, id생활코딩/WEBn 2020. 8. 24. 20:57
[강의 출처] opentutorials.org/course/3086/18329 CSS 선택자를 스스로 알아내는 방법 - 생활코딩 강의 내용이 많고 복잡합니다. 시간을 충분히 확보하고 시작하세요. 소스코드 변경사항 opentutorials.org Cascading: 선택자(Selector) 우선순위 id > class > tag(element) class (코드 작성자가) 텍스트들을 어떤 의도에 따라서 그룹화할 때 쓰는 선택자(Selector) 다른 태그에 class="class이름" 형태로 삽입 한 태그에 여러 class 중첩이 가능하며, 띄어쓰기로 구분 여러 class가 중첩된 경우, HTML CSS JS 2. 같은 계열 Property의 Value라면 아래처럼 표현 가능, Value의 순서는 중요하지..
-
[CSS] 정의, Selector, Declaration, Property, Value생활코딩/WEBn 2020. 8. 24. 19:37
[강의 출처] opentutorials.org/course/3086 WEB2 - CSS - 생활코딩 수업소개 이 수업은 https://opentutorials.org 를 만들어가면서 CSS에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다. 수업대상 이 수업은 웹 페이지를 아름답게 디자인�� opentutorials.org CSS란? HTML의 후배(?)격인 디자인 최적화 언어 HTML 덕분에 웹페이지 형태의 정보 공유가 가능해진 이후, '아름다움'에 대한 추가적인 요청이 생김 처음에는 HTML의 디자인 관련 태그를 이용했으나, 점차 이에 최적화된 새로운 도구 CSS가 필요 '정보'와 '디자인'을 제공하는 코드가 섞이면서 정보로서의 가치가 희석될 뿐 아니라, 변화(전체 텍스트의 색..
-
[Internet] Mac 내장 Apache로 웹서버 운영하기생활코딩/WEBn 2020. 8. 21. 21:02
[강의 출처] opentutorials.org/course/3084/18894 웹서버 운영하기 : 맥 - 생활코딩 자신의 운영체제에 맞는 수업을 찾아서 학습해주세요. 맥에 웹서버 설치하기 웹서버와 http 웹브라우저와 웹서버의 통신 --- 맥에 웹서버 설치 이번 시간에는 아파치 웹서버를 맥 컴퓨터에 설치 opentutorials.org 기타 참고페이지들은 본문에 적어두었다. 생활코딩 Web1 Internet편에 직접 웹서버를 운영해보는 단계가 있다. 생활코딩에서는 bitnami라는 프로그램을 통해 실습을 하는데, 아래와 같은 문구가 있는 게 아닌가. "맥에는 아파치가 기본적으로 깔려있습니다. 그래서 실습을 하기가 무척 쉽습니다." 그래서 직접 해보기로 했다. 맥에 기본적으로 깔려 있는 아파치로 웹서버를 ..
-
[Internet] 개요생활코딩/WEBn 2020. 8. 21. 21:01
[강의 출처] opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여� opentutorials.org Internet 분산된 형태의 통신 시스템 인터넷 안에서 정보를 제공하는가, 요청하는가에 따라 서버(Server)와 클라이언트(Client, 혹은 브라우저)로 구분됨 Web Internet에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간 스위스의 유럽입자물리연구소 소속 연구원이었던 팀 버너스 리가 최초의 웹브라우저를 만듦 최초의 웹은 이곳 info.ce..
-
[HTML] 개요생활코딩/WEBn 2020. 8. 20. 18:31
[강의 출처] opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여� opentutorials.org HTML Hyper Text Mark-up Language 웹페이지를 만드는 컴퓨터 언어 퍼블릭 도메인(Public Domain: 저작권이 없음) 웹브라우저에서 파일 열기를 통해 내 컴퓨터 로컬에 있는 html 파일을 열 수 있음 TAG Tag가 감싸는 텍스트의 정보(구조나 형태)를 표현하기 위한 문법적인 표시 태그를 가리키는 기호인 는 HTML상에서 <(less ..
-
Tensorflow - BatchNormalization layer (학습이 잘 되는 모델)생활코딩/머신러닝야학 2020. 8. 19. 15:26
[강의 출처] opentutorials.org/module/4966/29242 부록2: 모델을 위한 팁 - Tensorflow 1 수업소개 BatchNormalization layer를 사용하여 보다 학습이 잘되는 모델을 만들어 봅니다. 강의 소스코드 colab | backend.ai 보스턴 집값 예측 ########################### # 라이브러리 사용 import tensorflow as opentutorials.org # 라이브러리 사용 import tensorflow as tf import pandas as pd # 1.과거의 데이터를 준비합니다. 파일경로 = 'https://raw.githubusercontent.com/blackdew/tensorflow1/master/csv/b..
-
Tensorflow - 데이터 타입과 N/A값 (전처리 Tip)생활코딩/머신러닝야학 2020. 8. 19. 14:52
[강의 출처] opentutorials.org/module/4966/28989 부록1: 데이터를 위한 팁 - Tensorflow 1 수업소개 데이터 타입의 문제와 NA값의 문제를 해결하는 데이터 전처리 방법을 배웁니다. 강의 소스코드 colab | backend.ai ########################### # 라이브러리 사용 import pandas as pd ################### opentutorials.org 원핫인코딩 시 발생할 수 있는 이슈 변수(칼럼) 타입 확인: 데이터.dtypes 변수를 범주형으로 변경: 데이터['칼럼명'].astype('category') 변수를 수치형으로 변경: 데이터['칼럼명'].astype('int') 데이터['칼럼명'].astype('floa..
-
Tensorflow - 히든레이어와 인공신경망생활코딩/머신러닝야학 2020. 8. 19. 14:14
[강의 출처] opentutorials.org/module/4966/28988 네번째 딥러닝 - 신경망의 완성:히든레이어 - Tensorflow 1 수업소개 히든레이어와 멀티레이어의 구조를 이해하고, 히든레이어를 추가한 멀티레이어 인공신경망 모델을 완성해 봅니다. 강의 멀티레이어 신경망 실습 소스코드 colab | backend.ai 보스 opentutorials.org 히든레이어(Hidden Layer) -보다 깊은 신경망을 만들기 위해 입력(Input Layer)과 출력(Outpter Layer) 사이에 추가된 퍼셉트론들 -히든레이어로 각각의 모델들을 연속적으로 연결해서 하나의 거대한 신경망을 만듦 -아래 그림의 Node는 5개 보스턴 집 가격 # 1.과거의 데이터를 준비합니다. 파일경로 = 'htt..