728x90

전체 글 285

웹개발 플러스 이론 정리

서버는 특수한 컴퓨터다? No! 🙅 서버는 컴퓨터의 '역할' 이라고 했어요. 사람도 투 잡을 할 수 있는 것처럼, 컴퓨터도 여러 역할을 맡을 수 있죠. DB도 돌리고, 서버도 돌리고, 게임도 하고! 서버는 요청을 받으면 HTML+CSS+JavaScript 파일을 주기도 하고, JSON 형식으로 데이터를 주기도 하지요! JSON 형식으로 생긴 데이터 예시 💡 이거, 기억나세요? 서울시 미세먼지 데이터! 타고→타고 들어가서 값 가져오기! API란? 서버가 요청을 받게 위해 뚫어놓은 '창구'라고 했습니다. 요청에는 POST(주로 데이터를 수정할 때), GET(주로 데이터를 가져올 때) 요청 등 여러가지 타입이 있다고 했죠! HTML, CSS, JS는 각각 어떤 역할을 하죠? HTML은 뼈대 / CSS는 꾸미기..

웹개발 종합반 5주차 - AWS, 서버세팅, 도메인연결

AWS 에서 인스턴스 시작 Keycode 를 다운받아서 보관. Git Bash 실행 ssh 키코드다운받은거 드래그해서 넣기 ubuntu@aws의 퍼블릭 IPv4 주소 ex)ssh -i/c/Users/kevin/Desktop/WEB/keycode.pem ubuntu@xx.xxx.xxx.xxx Git bash 설치할거 ############# 설 치 ################ 명령내릴때 python3라고 안치고, python이라고 치고 명령 내리기 # python3 -> python sudo update-alternatives --install /usr/bin/python python /usr/bin/python3 10 패키지를 설치할때 필요한거. (flast, pymongo 등) # pip3 -> pi..

웹개발 종합반 4주차 - Flask로 서버를 구동시켜서 html,css,js와 연동

Flask - Flask 란 파이썬을 기반으로 작성된 마이크로 웹 프레임워크(framework) 중 하나 - 쉬운 만큼 단점도 있는데 그중 하나는 보안 부분에서 비교적 취약 - 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있습니다. 프레임워크를 쓰지 않으면 태양초를 빻아서 고추장을 만드는 격! 프레임워크는 3분 요리/소스 세트라고 생각하면 되겠습니다! 웹 프레임워크(Web Framework)란? - 웹 프레임워크란 동적인 웹 페이지나 웹 애플리케이션 등을 개발할 때 발생하는 어려움을 줄여주는 일종의 '틀' Pakage 설치 - flask 프로젝트 폴더 안에, - static 폴더 (이미지, css파일을 넣어둡니다) - templates 폴더 (html파..

웹개발 종합반 3주차 - Python 크롤링, DB 연결

Python, MongoDB Python 패키지 설치 - requests request 패키지는 가장 많이 사용하는 라이브러리중 하나이며 request를 이용하면 쉽게 http 요청을 보낼수 있습니다. (HTML 문서에 담긴 내용을 가져 오도록 request(요청) 해야 한다) - bs4 HTML 문서를 탐색해서 원하는 부분만 쉽게 뽑아낼 수 있는 파이썬 라이브러리 BeautifulSoup 웹크롤링 (웹 스크래핑) 기본 코드 import requests from bs4 import BeautifulSoup headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrom..

웹개발 종합반 2주차 - JS/JQUERY/AJAX로 API받기

Javascript / JQuery / Ajax JQuery를 이용해 Javascript를 html로 쉽게 제어 Ajax를 이용해 서버에 데이터를 요청하고 받기 JQuery 추가 코드 Javascript - 데이터 스플릿 여러개 할때 answer.split('@')[1].split('.')[0] JQuery HTML 데이터를 자료형에 넣을때( ` ` 안에 넣어야함) let temp_html = `${answer}`; - 데이터 가져오기 $('#id입력').val(); - 데이터 보내기 $('#id입력').val('데이터 입력'); - 데이터를 추가하기 $('id입력').append(변수혹은 띄울 데이터 입력); - 데이터를 비우기 $('#names-q3').empty(); 크롬 익스텐션 JSONView ..

웹개발 종합반 0 - 1주차 - HTML/CSS/JS/부트스트랩

HTML/CSS/JS(기초) 부트스트랩(CSS) https://getbootstrap.com/docs/5.0/components/card/ 부트스트랩 & JQuery 추가하는 코드 구글폰트 // style 파트에 추가 * { font-family: 'Gowun Dodum', sans-serif; } CSS 배경이미지 어둡게 size와 position은 배경이미지를 항상 따라다닌다고 생각하기 background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(""); background-size: cover; background-position: center; CSS Display: flex 이렇게 4줄도 콤보 displa..

스터디노트 03 - code: NavMesh

NavMesh 탭 열기: window - ai - navigation 처음에는 Agents에서 내가 설정한 케릭터와 같게, radius height 등등을 설정 Object항목에서 Mesh Renderer로 매쉬들 중에 빌드를 할 오브젝트들을 선택. --> Navigation static 체크(네비게이션으로 사용), 이제 이동할곳은 walkable, 아닌곳은 아니게 설정 (터레인쪽도 같게 해주면됌) 최종적으로 Bake를 해주어야지 네비게이션 만들어짐 NavMesh Agent - Base Offset: 높이 - Steering: NavMesh가 이동에 관련된거 - Obstacle Avoidance: 물체 회피에 관련 public class ControllerScript : MonoBehaviour { #r..

Web 2020.09.28

스터디노트 02 - code: 이동, 점프, 대시 - CharacterController

CharacterController - 물리엔진사용x 게임엔진의 움직임을 로직으로 쉽게 처리 - 자체적으로 캡슐 collider 소지 (충돌처리) - Slope Limit: 올라갈수 있는 경사도 - Step Offset: 올라갈수 있는 계단 높이 - Skin Width: 다른 collider랑 부딪혔을때 겹칠 수 있는 범위 - min move distance: 최소 이동값 RigidBody와 다르게. 중력, 공기저항도 설정을 해줘야한다. 하지만 설정만 해주면, 기본 함수들을 가져와서 쓸 수 있는 편함이 있다. Move, Isground 등 public class ControllerScript : MonoBehaviour { #region Variables //basic variables about the..

Web 2020.09.28

스터디노트 01 - code: 이동,점프,대수

유니티 RigidBody - 게임오브젝트를 엔진에서 제어하도록 해주는 컴포넌트 - Mass: 질량, 중력영향x 다른 RigidBody끼리 충돌했을때 반응을 어떻게 할지 정함 - Drag: 공기저항, 값이 작을수록 오브젝트가 무거워보임 ex) 점프했을때 값이 크면, 공기저항을 덜받아서, 깃털처럼 올라갔다 내려옴 - Angular Drag: 회전할때 공기저항 - Is Kinematic: 물리엔진이 아닌 게임오브젝트 로직에 따라서 이 게임오브젝트를 이동을 할지 결정 - Interpolate: 물리엔진에서의 애니메이션이 자연스럽게 보관을 할것인지 - Collision detection: 충돌처리를 연속적으로 할지, 아니면 특정한 경우에만 할지 c# #region #endregion 기능을 이용하면 보기 싫은 부..

Web 2020.09.28
728x90