본문 바로가기

분류 전체보기

 (95)
선형대수(HYU)_11-12 벡터투영과 최소제곱법 3.3 Projections and Least Squares 미지수(unknown)보다 식(equation)의 수가 더 많은 경우 대부분 solution이 존재하지 않는다: Overconstrained cases Example $$ \begin{matrix} 2x &=& b_1 \\ 3x &=& b_2 \\ 4x &=& b_3 \end{matrix} \quad \rightarrow \quad \begin{bmatrix} 2 \\ 3 \\ 4 \end{bmatrix} x = \begin{bmatrix} b_1 \\ b_2 \\ b_3 \end{bmatrix} $$ Solution이 존재하는 경우는 $b$가 $C(A)$안에 있는 경우로 매우 드물다. $$ b= \begin{bmatrix} b_1 \\ b_2..
CS50's Web Track-2 Tracks_ Web Flask 지금까지 웹 페이지를 만들고 파일로 저장해서 HTTP 서버를 통해 반환시키는 법을 배웠다. 더 나아가서, 웹 서버나 어플리케이션을 이용하면 웹 페이지의 콘텐츠를 동적으로 생성하고 제어할 수 있다. Flask and Route Python의 framework중 하나인 Flask의 다양한 기능을 사용해 웹 서버를 작성할 수 있다. Flask를 사용할 application.py파일을 만들어보자. (관습적으로 application.py를 파일명으로 사용) # Flask library를 import from flask import Flask # 객체를 Flask를 app에 할당 app = Flask(__name__) # route와 해당 route에 접근했을 때 실행될 함수를 적어..
CS50's Web Track-1 Tracks_ Web Introduction 인터넷에서 실행되는 프로그램을 만들어보기 위한 track이다. 인터넷의 기본과 어떻게 동작하는지를 먼저 배운 뒤, HTML, CSS, JavaScript와 같은 인터넷에서의 언어, 웹 페이지를 application으로 바꾸기 위한 Python에서의 framework와 SQL에 대해 배운다. HTTP 컴퓨터는 네트워크를 이용해 서로에게 메시지를 주고 받으면서 소통한다. 가장 기본적으로 메시지를 주고 받기위해 따라야 하는 규칙인 standard protocol이 존재한다. 인터넷의 standard protocol은 TCP/IP 로 Transmission Control Protocol과 Internet Protocl이다. IP Address 보다 쉽게 이해하기 위해..
WEB2 - JavaScript_29-30 수업을 마치며 29. UI vs API UI (User Interface): 사용자가 시스템을 제어하기 위해서 사용하는 조작장치 (e.g 버튼) API (Application Programming Interface): 애플리케이션을 만들기 위해서 프로그래밍 할 때 사용하는 조작장치 (e.g js의 alert) 웹 페이지에 경고창을 만들기 위해서 사용하는 alert 함수는 경고창을 실행하는 조작장치로서 브라우저에 미리 만들어 놓은 기능이다. 우리는 이번 수업을 통해 UI만 사용했던 사용자에서 JavaScript를 통해 API까지 사용할 수 있는 사람이 되었다. 30. 수업을 마치며 이제 학습을 그만두고 프로젝트를 시작할 때. 프로젝트를 시작할 때 모든 개념을 한 번에 사용하려고 하지 말자. 최소한의 정도로만 (i.e. ..
WEB2 - JavaScript_28 라이브러리와 프레임워크 28. 라이브러리와 프레임워크 소프트웨어를 만들 때 다른 사람들이 미리 만들어 놓은 소프트웨어의 도움을 받는 방법. 라이브러리(Library): 사용할 수 있는 단편적인 기능을 정리해 놓은 것 (부품) 프레임워크(Framework): 만들고 싶은 소프트웨어의 기초적인 공통 부분을 구축해 놓은 것 (반제품) jQuery JavaScript의 대표적인 라이브러리이다. jQuery 홈페이지에 가서 파일을 다운로드 한 뒤 직접 프로젝트에 포함시키거나 CDN을 이용하여 웹 페이지에 첨부한다. CDN (Content Download Network) : 서비스 제공자의 서버에 저장된 파일을 를 이용해 가져와 사용하는 방식. jQuery에서 제공하는 코드를 복사해서 html 파일의 영역에 붙여넣어 사용한다. jQuer..
WEB2 - JavaScript_27 파일로 쪼개서 정리정돈하기 27. 파일로 쪼개서 정리정돈하기 프로그램이 복잡해지면 객체보다 더 큰 정리정돈의 도구가 필요하게된다. → 연관된 코드들을 별도의 파일로 나눠서 정리 할 수 있다. 지금까지 만들어 놓은 모든 웹 페이지에 night & day handler를 만들고 싶으면 지금까지 작성한 JavaScript를 별도의 파일로 저장해서 쓰면 동일한 기능은 동일한 코드로 이뤄져있다는 확신을 할 수 있을뿐만 아니라 수정하기도 용이하다.
CS50's Week 8_Information 8. Information A Look Back Week 1 - Week 7 강의 내용 복습 Privacy Compuper Science는 정보의 저장과 처리에 관한 것이다. 정보를 갖고 할 수 있는 것을 아는 것 만큼 해야 하는 것을 아는 것 역시 중요하다. Passwords 예를 들어 우리는 여러 계정을 보호하기 위해 '암호(password)'를 사용한다. 하지만 가장 많이 쓰이는 암호 10위는 매우 간단하다. 1. 123456 2. 123456789 3. qwerty 4. password 5. 111111 6. 12345678 7. abc123 8. 1234567 9. password1 10. 12345 더 복잡한 암호를 사용하더라도 현대의 컴퓨터는 매우 빠르게 암호를 알아낼 수 있다. 우리는 단 ..
첫번째_1 디자인 구상 1. 디자인 구상 스킨의 기본적인 컨셉과 레이아웃을 잡아준 뒤 크기, 위치, 색상 등을 정해 컨텐츠를 배치해준다. 손으로 간단하게 스케치하거나 파워포인트, 포토샵 등을 이용해서 보다 구체적으로 만들어도 좋다. 이 스킨을 만들 때는 Adobe XD를 사용했다. 전체 레이아웃 및 컨셉 전체 레이아웃을 잡는다. 스킨 전체적으로 공유하는 헤더(Header), 메뉴(Menu), 사이드 바(Sidebar), 바디(Body), 푸터(Footer) 등의 존재 여부와 위치, 대락적인 부피를 정해주면 좋다. 레이아웃은 1단형, 왼쪽 위의 아이콘에 Side bar를 숨기는 형식 메뉴는 없애거나 sidebar 안으로 위치 헤더와 푸터는 최소화 헤더에는 사이드바 아이콘과 글제목 푸터에는 copyright정도만 표기 메인 글은 ..

티스토리툴바