본문 바로가기

개발68

[HTML+CSS] 표 테이블 만들기 1. 먼저 표 테이블의 기본 구성요소에 대해서 설명 드리겠습니다. HTML 파일을 열어 다음과 같은 코드를 작성합니다. -------------------- 제목으로 구성된 열들을 가진 행을 표시 제목 열1 ------- 제목으로 구성된 각 열을 표시 제목 열2 -------------------- 표의 내용을 나타내는 행들을 표시 -------------------- 표의 내용을 나타내는 각 행들을 표시 내용 열1 --- 표의 내용을 나타내는 각 열들을 표시 내용 열2 내용 열3 내용 열4 -------------------- 표의 마지막 행을 표시 표의 마지막 열1 표의 마지막 열2 thead, tbody, tfoot 은 html5에서 정의된 태그로, tr과 td로만 구성해도 문제없습니다. 해당 코드.. 2023. 1. 25.
웹 사이트 만들고 배포_서버는? 우리가 웹 사이트를 구성하는 코드를 짠다고 해서 내 코드가 인터넷에 연결되어있는 것은 아닙니다. HTML로 웹 사이트를 만들고 그 내용을 인터넷에 업로드하려면 웹 사이트를 구성하는 모든 코드파일을 서버 컴퓨터로 옮겨야 합니다. 개인은 웹 서버를 마련하기 어렵습니다. 비용때문인데요. 윈도우 서버 하나 평균 15~20만원정도 유지비가 든다고 합니다. 하지만 개인이 코딩공부하고 연습용으로 배포해보려고 한다면 무료 호스팅 서비스를 신청해서 이용하면 됩니다. 예로 닷홈이 있습니다. (dothome.co.kr) 2023. 1. 25.
[Python] 윈도우 venv 가상환경 설치하기 1. windows 명령 프롬프트에 들어갑니다. 2. 만들고자 하는 파일로 이동합니다. (C드라이브에 project폴더 안에 venv 가성환경을 만들어 보겠습니다.) 형식: C:\project> python -m venv 내가 만들고 싶은 가상환경폴더 이름 저는 가상환경폴더 이름을 pratice로 하겠습니다. C:\project> python -m venv pratice 3. 생성된 가상환경 폴더 pratice에 들어갑니다. 만드신 가상환경 폴더에 Script라는 폴더가 생성되었을 겁니다. 그 곳에서 가상환경을 활성화 시킬 수 있습니다. C:\project\pratice> Scripts\activate.bat 안되면 C:\project\pratice> Scripts\activate 그래도 안되면 C:\p.. 2023. 1. 25.
[Python] venv 가상환경 설정이 필요한 이유는? 우리는 프로그램을 짜고 배포합니다. 아나콘다(anaconda3)을 우리가 설치하고 사용한다고 했을 때 수많은 라이브러리 패키지들이 포함되어 있는 상태로 설치되어진다. 만약에 포함되어진 라이브러리가 없다면 추가로 설치해서 사용하면 프로그램은 잘 돌아갑니다. 그런데 문제는 배포하면서 발생합니다. 우리가 프로그램을 짜면서 설치했던 수많은 패키지들은 배포하려는 서버에는 전혀 깔려있지 않으며... 설령 무슨 패키지를 설치했는지 하나 하나 이름을 기록했다 하더라도 버전을 몰라서 설치했다 하더라도 버전이 달라서 프로그램이 작동하지 않을 수 있습니다. 그리고 시간이 지나면서 패키지들이 업데이트되는데, 하나 하나 업데이트하다 보면 서로 의존적인 패키지들 사이에 버전이 맞지 않아 호환이 되지 않는 경우들도 생길 수 있습니.. 2023. 1. 25.
[React] 리액트로 만든 웹, 숲으로 바라보기(part1 App.js란?) 앞으로 "리액트로 만든 웹, 숲으로 바라보기"는 구체적으로 개념을 하나하나 따져보는 것이 아닌 React로 제작한 웹 사이트가 대략 어떠한 구성으로 이루어졌는지 보여드리게 위해 작성하였습니다. React로 간단한 커뮤니티 사이트를 제작해보면 기본적인 틀은 다음과 같습니다. 1. Src 폴더 1. App.js 2. Component 폴더 1. Detail.js 2. Edit.js 3. Heading.js 4. List.js 5. Upload.js --------------- 6. Login.js 7. Register.js 3. Server 폴더 1. index.js 4. Style 폴더 1. ListCSS.js 2. PostDetailCSS.js 3. UploadCSS.js 4.UserCSS.js 하나하나.. 2023. 1. 22.
[React] Hooks란? Hook를 이용하여 기존의 Class 바탕의 코드를 작성할 필요 없이 상태값과 여러 React의 기능을 사용할 수 있습니다.'' Hook를 사용하면 컴포넌트로부터 상태 관련 로직을 추상화할 수 있습니다. 이를 이용해 독립적인 테스트와 재사용이 가능합니다. 1. useState useState는 가장 기본적인 Hook이며, 함수 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해줍니다. import React, {useState} from 'react'; const Counter = () => { const [value, setValue] = useState(0); return ( 현재 카운터 값은 {value}입니다. setValue(value + 1)}>+1 setValue(value - 1)}>+1 );.. 2022. 12. 25.
JSON 이란? 데이터를 교환 & 저장을 쉽게 할 수 있도록 텍스트 기반의 데이터 교환 표준입니다. 1) Javascript에서 객체를 만들 때 사용하는 표현식입니다. 2) 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 XML을 대체해서 데이터 전송에 사용합니다. 3) 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법입니다. JSON 특징 1) 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용됩니다. 2) javascript 를 이용하여 JSON 형식의 문서를 쉽게 javascript 객체로 변환할 수 있는 이점이 있습니다. 3) JSON 문서 형식은 javascript 객체의 형식을 기반으로 만들어졌습니다. 4) JSON은 텍스트 기반이기 때문에 다른.. 2022. 12. 21.
AI+X 딥러닝 Title: 저평가된 부동산예측 member : 도시공학과, 손XX ,2019074639, sonsj97@naver.com Ⅰ. Proposal (Option A) Motivation 일반 국민들이 직장을 잡고 안정적인 수입이 들어오는 것은 어느 정도 한계가 있습니다. 즉, 소득의 유한성이 있는 것이고, 이로 인해 노후대비가 필수적이라고 할 수 있습니다. 대한민구 국민 모두가 노후 대비를 한다고 할 때 가장 안전하고 실속 있는 길은 부동산 투자라고 생각합니다. 부동산 투자는 미래를 예측할 수 있는 능력을 필요로 합니다. What do you want to see at the end? 부동산 투자를 통해 높은 수익을 얻으려면 저평가된 부동산을 볼 수 있는 시각이 중요합니다. 이번 프로젝트를 통해 부동산 값.. 2022. 10. 25.

티스토리툴바