티스토리

기록
검색하기

블로그 홈

기록

kyn1013.tistory.com/m

걱정할 시간에 노력을 하자

구독자
1
방명록 방문하기

주요 글 목록

  • 모듈, 프레임워크, 라이브러리, API 차이 모듈 : 특정 기능을 수행하는 코드 집합 (함수)패키지 : 관련된 모듈을 분류하는 방법라이브러리모듈의 집합,그림을 그리고 싶어서 붓, 물감, 스케치북같은 여러 미술 도구를 가지고 그림, 이때 추적으로 어떤 미술 도구들을 가져오는 것은 나의 자유!프레임워크애플리케이션을 개발하는데 사용되는 구조소프트웨어 개발을 간편하게 만들기 위한 소프트웨어 개발 환경비지니스 로직에 집중할 수 있음나는 화가, 주어진 양식대로 그림을 그려야 하고, 이를 벗어나면 안 된다! 이 그림 양식을 따르면 나는 훌륭하고 가치있는 그림을 그릴 수 있다!API도서 SNS를 만들고 싶은데, 시중에 나온 책들의 정보들을 내가 수집해서 가져오기는 너무 어렵고 복잡함 -> 내가 원하는 책 정보와 갯수를 담은 도서 정보 내역을 작성하고 이를 대신 .. 공감수 1 댓글수 0 2025. 1. 22.
  • TCP, UDP/ 브라우저에 URL 입력시 발생하는 일 / HTTP 네트워크 기본 기식인터넷 : 컴퓨터 네크워크 통신망ip : 인터넷 프로토콜, 즉 통신 규약, ip주소는 ip에 필요한 고유 주소인터넷 통신 시에는 지정한 IP 주소에 데이터를 Packet 이라는 단위로 전달 TCP신뢰성 통신이라 생각하면 됨, 키워드는 신뢰! -> 데이터 잘 받았어요!, 패킷 순서보장해요! 3 Way HandShake 수행, syn보내면 ack로 잘 받았다고 응답하는 과정, ack는 잘받았고 너의 요청을 수락한다는 의미, 그래서 클라이언트는 ack와 함께 데이터를 전송함 -> 이 과정을 통해서 신뢰성을 보장하지만 대신 시간이 오래걸린다 ㅜㅠ UDPTCP랑 반대라고 보면 됨, 비신뢰성 비연결성 하지만!  3Way HandShake가 없기때문에 속도가 빠름데이터 무결성 검사하는 체크섬(Ch.. 공감수 8 댓글수 1 2025. 1. 22.
  • 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에.. 공감수 0 댓글수 0 2025. 1. 22.
  • 팀 소개 웹페이지 프로젝트 회고 Keep : 이번 프로젝트에서 진행한 과정 중 다음 프로젝트에서도 유지했으면 하는 부분.모르는 것이 있으면 최선을 다해서 찾아보고 해결한 노력각자 다양한 기술을 해볼 수 있게 역할을 골고루 배분한 것서로 맡은 일을 최선을 다해서 한 것 Problem김예나 고민했던 점id값을 다른 문서에 새로 만들어서 그 아이디값을 불러와서 회원 문서에 해당 필드를 따로 추가하여 붙이는 방법을 사용했는데 수정을 할 때 계속 내가 생성하여 만든 시퀀스 id로 조회를 해보니 존재하지 않는다는 문제가 발생했다 해결방법찾아보니 파이어베이스는 데이터를 추가할 때 고유한 id값을 자동으로 만들어준다는 사실을 알게 되었다. 나의 생각으로는 id값 필드명의 중복으로 인해서 계속 문제가 생겼던게 아닐까 싶다. 이재민 고민했던 점웹을 만들.. 공감수 3 댓글수 2 2024. 12. 30.
  • 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 = ` .. 공감수 0 댓글수 0 2024. 12. 28.
  • 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.. 공감수 0 댓글수 0 2024. 12. 26.
  • 웹개발 종합반 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... 공감수 2 댓글수 2 2024. 12. 16.
  • 웹개발 종합반 4주차 DataBase데이터를 쉽게 찾고 업데이트 하기 위해서 데이터를 저장하고 관리하는 데이터의 모음관계형 DB(sql) : 정리된 정보를 다룰 때 사용하는 데이터베이스, (A라는 엔티티는 사람정보만 저장)비관계형 DB(nosql) : 복잡하거나 유연한 정보를 다룰 때 사용하는 데이터베이스, (A라는 엔티티에 사람, 동물, 식물 정보 모두 저장)firebase?구글이 개발한 개발 플랫폼friestore database?구글 클라우드를 기반으로 한, nosql 데이터베이스firebase 연동 코드 firebase를 이용하여 create$("#postingbtn").click(async function () { let image = $('#image').val(); let .. 공감수 0 댓글수 0 2024. 12. 16.
  • HTML, CSS를 활용하여 화면 만들기 Foodcourt 홈 한식 일식 중식 양식 Login Sign-up 스파르타 푸드파이터 본인만의 맛집을 소개하는 사이트입니다. 맛집을 소개해주세요! .. 공감수 0 댓글수 0 2024. 12. 14.
  • 웹개발 종합반 3주차 Fetch네트워크 요청을 보내고 데이터를 가져오기 위해 사용하는 비동기 함수비동기 : 함수의 리턴값을 기다리지 않고 다음 작업을 실행하는 것, 싱글 스레드에서 동작하는 자바스크립트를 보완하기 위해서 나옴get 요청을 통한 fetch$(document).ready(function () { let url = "http://spartacodingclub.shop/sparta_api/weather/seoul"; fetch(url).then(res => res.json()).then(data => { let temp = data['temp'] $('#tem').text(temp); }) }.. 공감수 0 댓글수 0 2024. 12. 13.
  • 웹개발 종합반 2주차 Jqurey$('#q2').empty();  -> id값으로 타겟을 잡고 뒤에 이벤트를 걸어서 변화시키고 싶은 행위를 걸어줌forEach -> 반복문의 핵심, 주로 리스트를 for each문을 통해서 순회함people[0]['name'] -> 리스트 내부의 딕셔너리를  접근하는 방법, 키에 접근할 때는 ''로 꼭 묶어줘야 함 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 붙이기 사과 귤 감 3. 붙이기 영수는 24살입니다. 세종은 3.. 공감수 0 댓글수 0 2024. 12. 12.
  • 웹개발 종합반 1주차 브라우저의 역할 : api에 요청을 보내고, 받은 html파일 혹은 데이터를 화면에 그려주는 것padding : 내부 여백 / margin : 외부 여백padding-top: 30px;margin: 50px auto 0px auto ->  *auto -> 끝까지 주겠다는 의미, 좌우에 auto를 줘야 중간으로 위치*박스 안에 있는 내용물을 정렬할 때 세트로 가는 애들, column은 세로정렬, row는 가로정렬/*박스 안에 있는 내용물을 정렬할 때 세트로 가는 애들, column은 세로정렬, row는 가로정렬*/ display: flex; flex-direction: column; align-items: center; justify-content: center;이미지를 불러올 때 필수적으로 쓰는 css .. 공감수 1 댓글수 1 2024. 12. 11.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.