전체 글347

• 

  Django / Jupyter Notebook 설치하기 django 1. myvenv\Scripts\activate 2. python -m pip install "django Web/Django 2019. 6. 26.

• Django 가상환경 / FileNotFoundError: Error2 해결 가상환경을 통해 라이브러리를 격리해서 설치하기 1. cmd --> python --version 설치가 되어있는지 확인 2. 본인이 원하는 경로에 mkdir [폴더명] 생성 3. cd [폴더명] 들어간 뒤 python -m venv [myvenv] 생성 4. myvenv\Scripts\activate 실행 [!] FileNotFoundError: [Errno 2] No such file or directory: 'C:\Users\Gatsjy\Anaconda3\lib\venv\scripts\nt\python.exe' 와 같은 에러발생 시 탐색기를 이용하여 python.exe 과 pythonw.exe를 찾아서 위 경로로가서 붙여넣기 해주면 해결완료. Web/Django 2019. 6. 26.

• 

  [부스트코스] Servlet 6) HelloWorld 서블릿 컴파일 및 실행하기 서블릿은 URL 요청을 처리하는 프로그램이다. 이클립스는 runtime으로 설정된 WAS에 다음과 같은 규칙의 URL로 서블릿을 실행하도록 설정한다. http://localhost:8080/{프로젝트이름}/{URL Mapping 값} HTTP 프로토콜 학습 시 HTTP request에 첫 번째 줄에 메소드라는 것이 있다. 메소드에는 GET, POST, PUT, DELETE 등이 있다. 웹 브라우저가 GET 메소드 방식으로 요청을 보낼 때 서블렛에 doGet() 메소드가 호출된다. GET 메소드는 웹 브라우저가 서버에게 문서를 요청할 때 사용하는 방식이다. Hello World가 나오는 과정 [ 웹브라우저 웹서버( 아파치 ) WAS( 톰캣 ) 웹어플리케이.. ETC./study 2019. 6. 13.

• 

  CSS Layout(float, overflow) 실습 TOP ALL Area (width:100% , height:100px) Aside english korea japen Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti asperiores cupiditate eligendi aliquid repudiandae ad, ullam, quam dolorum quisquam rerum non cum molestias. Obcaecati neque animi ex quibusdam cupiditate sed. thank you :) copyright header{ text-align:center; width:100%; height:100px; background-color: green; } .l.. Web/CSS 2019. 6. 13.

• 

  [부스트코스] 웹 프로그래밍 기초_CSS - FE 1) CSS 선언방법 inline: HTML 태그 안에다가 (최우선) ex) Hello World! 그렇게 좋은 방법은 아니다. 유지보수가 어렵다. internal: head 안에다가 style 을 넣는다. 별도의 css파일을 관리하지 않아도 된다. css 파일을 요청하고 보내는 일을 하지 않아도 된다. ex) external: 외부파일(.css)로 지정하기 ex) span { color : red; } span: selector(선택자) color: property red: value 큰 따옴표나 작은 따옴표 없이 적어주면 된다. inline은 별도의 우선순위를 갖지만, internal과 external은 우선순위가 동등하다. 따라서 겹치는 선언이 있을 경우 나중에 선언된 속성이 반영된다. 2) 상속과.. ETC./study 2019. 6. 10.

• 

  [부스트코스] 웹 프로그래밍 기초_HTML - FE 1) HTML tag tag의 종류 링크 이미지 목록 제목 anchor 태그, img 태그, ul/li 태그, heading 태그, p 태그 등이 자주 사용됩니다. 그 밖에 가장 많이 사용하는 div태그가 있습니다. div 태그는 block 엘리먼트라고 하는데 일반적인 영역을 표현할 때 가장 많이 사용합니다. 많은 태그를 모두 외울 필요는 없으며, 필요한 태그를 찾아서 적절한 의미에 맞는 태그를 사용하는 것이 중요합니다. 같이 스타일을 지정해주는 것은 HTML 이 아니라 CSS로 표현해주는게 좋다. 2) HTML Layout tag Layout이란 '배치'라는 뜻으로, HTML 태그로 감싸진 각 정보 요소를 화면상의 어느 위치에 어떻게 자리잡을지를 결정하는 것을 말합니다. 기본적으로 상단의 , 하단의 그.. ETC./study 2019. 6. 10.

• 

  [부스트코스] 웹 프로그래밍 기초_웹의 동작 (HTTP 프로토콜 이해) HTTP (Hypertext Transfer Protocol)란? 팀 버너스리(Tim Berners-Lee)와 그가 속한 팀은 CERN에서 HTML뿐만 아니라 웹 브라우저 및 웹 브라우저 관련 기술과 HTTP를 발명하였습니다. 문서화된 최초의 HTTP버전은 HTTP v0.9(1991년)입니다. HTTP는 서버와 클라이언트가 인터넷상에서 데이터를 주고받기 위한 프로토콜(protocol)입니다. HTTP는 계속 발전하여 HTTP/2까지 버전이 등장한 상태입니다. HTTP 작동방식 HTTP는 서버/클라이언트 모델을 따른다 : 클라이언트가 요청을 보내면 서버는 응답을 보내고 그 연결은 끊기게 된다. 장점 - 불특정 다수를 대상으로 하는 서비스에 적합하다. - 클라이언트와 서버가 계속 연결된 형태가 아니기 때문에.. ETC./study 2019. 6. 8.

• style, document, 비교연산자 style night라는 버튼을 누르면 body background가 검정색으로 변경되고 day 라는 버튼을 누르면 body background가 하얀색으로 변경된다. 이런 식으로 추가하면 되지만JavaScript를 사용해서 이벤트를 생성해보도록 하자. [!] 대소문자 주의 input 태그로 button 을 만들어주고, 이름은 night로 설정해준다.onclick 버튼 클릭 시 querySelector 는 body에 style의 backgroundcolor 부분을 black 으로 변경한다.'body' 부분은 변경 될 수 있다. 예를들어 을 사용했다면'body' 부분에 #target 이 들어가면 된다. 위 예제는 night 버튼과 day 버튼으로 배경색과 글씨색을 정하였다.하지만 한 개의 버튼으로 nigh.. Web/JavaScript 2019. 3. 11.

• 

  [javascript] 기본 Java Script javascript를 사용하려면 태그 안에 onclick(Event 발생 시 Java Script가 실행되게한다.) - onclick 의 속성으로는 Java Script 구문이 와야한다.- onclick의 속성값은 웹브라우저가 기억하고 있다가 onclick 속성이 위치하고 있는 태그가 작동할 때기억하고 있던 Java Script 구문을 작동시킨다. onchange(텍스트창에서 값을 입력하고 다른 화면을 클릭하면 이벤트 발생) onkeydown(텍스트창에서 키를 누르면 눌렀다고 알람창 발생) 관리자도구의 Console 창을 열어도 스크립트 구문을 작성하여 테스트할 수 있다. '~개 수를 파악하고 싶은 문자'.lengthalert'1234'.length Web/JavaScript 2019. 1. 31.

• [css] 미디어 쿼리, @media, 조건문? 화면에 크기에 따라서 디자인을 다르게 하는 것을 미디어 쿼리라고 한다. 화면의 크기가 800px 보다 크냐 작으냐에 따라서 div 태그를 보이게 안보이게 하고 싶다고하면 우선 화면의 크기가 얼마인지 알아야 한다. 개발자도구에 들어가서 검사를 해보면 화면의 크기가 표시가 된다. 사용법은 아래와 같다. @media(min-width:800px){ 최소 화면이 800px 보다 크다면 display를 보이게하지마라(none)div{display:none;}} @media(max-width:800px){ 최대 화면이 800px 보다 크다면 display를 보이게하지마라(none)div{display:none;}} 여러 개의 화면이 존재하는 세상에서 미디어쿼리는 가장 중요한 역할을 한다. @media(max-wid.. Web/CSS 2019. 1. 31.

• 

  [css] 그리드(grid), div, span grid WEB HTML CSS JavaScript CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in .. Web/CSS 2019. 1. 29.

• 

  [css] 박스 모델, 중복의 제거, display:inline, block 중복의 제거 border-width:5px;border-color:red;border-style:solid; 위 3개의 코드를 한 줄로 줄일 수 있다.아래처럼 border:5px solid red 순서는 중요하지 않다. display:block, inline 태그는 block level element이다.한마디로 화면 전체를 사용한다는 뜻이다. 태그는 inline element이다.화면 전체를 사용하지않고, inline 형식으로 사용된다. 하지만 여기서 display 라는 옵션을 사용해주면 태그를 inline으로도 변경할 수 있고,반대로 태그를 block으로 변경할 수도 있다. 사용법은 display:block; // inline 의 태그인 태그를 display를 사용하여 block 으로 변경하면 전체화.. Web/CSS 2019. 1. 29.