Web (12) 썸네일형 리스트형 모듈, 프레임워크, 라이브러리, API 차이 모듈 : 특정 기능을 수행하는 코드 집합 (함수)패키지 : 관련된 모듈을 분류하는 방법라이브러리모듈의 집합,그림을 그리고 싶어서 붓, 물감, 스케치북같은 여러 미술 도구를 가지고 그림, 이때 추적으로 어떤 미술 도구들을 가져오는 것은 나의 자유!프레임워크애플리케이션을 개발하는데 사용되는 구조소프트웨어 개발을 간편하게 만들기 위한 소프트웨어 개발 환경비지니스 로직에 집중할 수 있음나는 화가, 주어진 양식대로 그림을 그려야 하고, 이를 벗어나면 안 된다! 이 그림 양식을 따르면 나는 훌륭하고 가치있는 그림을 그릴 수 있다!API도서 SNS를 만들고 싶은데, 시중에 나온 책들의 정보들을 내가 수집해서 가져오기는 너무 어렵고 복잡함 -> 내가 원하는 책 정보와 갯수를 담은 도서 정보 내역을 작성하고 이를 대신 .. TCP, UDP/ 브라우저에 URL 입력시 발생하는 일 / HTTP 네트워크 기본 기식인터넷 : 컴퓨터 네크워크 통신망ip : 인터넷 프로토콜, 즉 통신 규약, ip주소는 ip에 필요한 고유 주소인터넷 통신 시에는 지정한 IP 주소에 데이터를 Packet 이라는 단위로 전달 TCP신뢰성 통신이라 생각하면 됨, 키워드는 신뢰! -> 데이터 잘 받았어요!, 패킷 순서보장해요! 3 Way HandShake 수행, syn보내면 ack로 잘 받았다고 응답하는 과정, ack는 잘받았고 너의 요청을 수락한다는 의미, 그래서 클라이언트는 ack와 함께 데이터를 전송함 -> 이 과정을 통해서 신뢰성을 보장하지만 대신 시간이 오래걸린다 ㅜㅠ UDPTCP랑 반대라고 보면 됨, 비신뢰성 비연결성 하지만! 3Way HandShake가 없기때문에 속도가 빠름데이터 무결성 검사하는 체크섬(Ch.. Restful API 설계 방법 HTTP API 설계 방법HTTP API는 설계시 항상 리소스 식별을 기준URI에 들어갈 리소스는 복수 형태 board → boardsURL에 동사를 사용하지 않는다.HTTP Method의 역할을 URL에 포함하지 않는다.Restful API : REST 기반으로 서비스 API를 구현한 것REST : URI를 통해 자원(Resource)을 명시하고, HTTP Method(POST, GET, PUT, DELETE,PATCH 등)를 통해 해당 자원에 대한 CRUD Operation을 적용하는 것 구현 규칙리소스는 명사를 사용복수 형태를 사용만약, REST만으로 해결하기 어려운 경우라면 동사를 허용자원의 계층 관계를 슬래시(/)로 표현마지막 문자에는 슬래시(/)가 있으면 안된다.하이픈(-)을 사용소문자URI에.. 팀 소개 웹페이지 프로젝트 회고 Keep : 이번 프로젝트에서 진행한 과정 중 다음 프로젝트에서도 유지했으면 하는 부분.모르는 것이 있으면 최선을 다해서 찾아보고 해결한 노력각자 다양한 기술을 해볼 수 있게 역할을 골고루 배분한 것서로 맡은 일을 최선을 다해서 한 것 Problem김예나 고민했던 점id값을 다른 문서에 새로 만들어서 그 아이디값을 불러와서 회원 문서에 해당 필드를 따로 추가하여 붙이는 방법을 사용했는데 수정을 할 때 계속 내가 생성하여 만든 시퀀스 id로 조회를 해보니 존재하지 않는다는 문제가 발생했다 해결방법찾아보니 파이어베이스는 데이터를 추가할 때 고유한 id값을 자동으로 만들어준다는 사실을 알게 되었다. 나의 생각으로는 id값 필드명의 중복으로 인해서 계속 문제가 생겼던게 아닐까 싶다. 이재민 고민했던 점웹을 만들.. Firebase로 회원 상세 페이지 만들기 URI와 URL의 차이URI (uniform Resource Identifier): 자원에서 위치 뿐만 아니라 자원의 고유한 식별자를 나타내고 있는 것https://kyn1013.tistory.com/user/1 URL (uniform Resource location) : 자원의 위치를 나타내고 있는 것https://kyn1013.tistory.com/user 1. 해당 회원의 상세 페이지로 이동하게 하기해당 회원의 이름을 눌렀을 때 해당 회원의 식별값(id값 또는 이름)으로 쿼리파라미터방식 또는 패스로 이동하게 만들기encodeURIComponent(uriComponent) : 공백이나 특수문자가 들어간 경우에도 안전하게 해석되도록 하기 위해서 사용let tempHtml = ` .. Firebase를 이용하여 이미지 및 데이터 저장하기 // Firebase SDK 라이브러리 import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js"; import { getFirestore } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js"; import { collection, addDoc } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js"; import { getDocs } from "https://www.gstatic.com/firebasejs.. 웹개발 종합반 5주차 파이썬 크롤링import requestsfrom bs4 import BeautifulSoupURL = "https://bit.ly/web-movie"headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}data = requests.get(URL, headers=headers)soup = BeautifulSoup(data.content, 'html.parser')title = soup.select_one('#boxoffice_list_content > ul > li:nth-child(1) > a > div... 웹개발 종합반 4주차 DataBase데이터를 쉽게 찾고 업데이트 하기 위해서 데이터를 저장하고 관리하는 데이터의 모음관계형 DB(sql) : 정리된 정보를 다룰 때 사용하는 데이터베이스, (A라는 엔티티는 사람정보만 저장)비관계형 DB(nosql) : 복잡하거나 유연한 정보를 다룰 때 사용하는 데이터베이스, (A라는 엔티티에 사람, 동물, 식물 정보 모두 저장)firebase?구글이 개발한 개발 플랫폼friestore database?구글 클라우드를 기반으로 한, nosql 데이터베이스firebase 연동 코드 firebase를 이용하여 create$("#postingbtn").click(async function () { let image = $('#image').val(); let .. 이전 1 2 다음 목록 더보기
