개발 낙서장

오늘의 학습 키워드📚 최소직사각형 https://school.programmers.co.kr/learn/courses/30/lessons/86491 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 방법 처음엔 문제 의도가 잘 이해가 안 됐다. 명함을 돌려서라도 최소 직사각형을 찾으면 된다는 것에 꽂혀서 가로를 기준으로 잡고 돌려보고 세로를 기준으로 잡고 돌려봤는데 잘 안 돼서 고민을 많이 했었는데, 알고 보니 문제 의도만 파악하면 쉬운 문제였다. 결국 모든 직사각형을 담을 수 있는 최소 크기의 직사각형을 만들면 되는 것이기에 지갑의 가로는 모든 명함의..

오늘의 학습 키워드📚 백엔드 기초 개념 인터넷🌐 인터넷은 컴퓨터들이 서로 통신 가능한 네트워크를 말하며 웹의 가장 핵심적인 기술이다. ✅ 단순한 네트워크 두 대의 컴퓨터 통신은 물리적(보통 이더넷 케이블) 혹은 무선(WIFI, Bluetooth 등)으로 연결된다. A, B, C 세 대의 컴퓨터가 통신한다고 하면 A-B, A-C, B-C 이런 방식으로 연결이 확장될 것이다. 그런데 만약 통신해야 하는 컴퓨터가 10대라면? 컴퓨터 하나당 나머지 9개의 컴퓨터에 각각 연결해야 하므로 총 45개의 케이블이 필요하다.😩 수십대, 수백대, 수천대... 점점 늘어날 수록 필요한 케이블의 수는 기하급수적으로 증가하기 때문에 이러한 방식으로는 일반적인 인터넷을 구성할 수 없다. 이 문제를 해결하기 위해 네트워크에 존재하..

페이지 완성본✅ https://seungjun-kwon.github.io/Sparta/ 나만의 추억 앨범 seungjun-kwon.github.io 오늘의 학습 키워드📚 모달 기존에 했던 앨범 페이지에서 앨범의 버튼을 누르면 새로운 팝업 창이 뜨고 거기에서 앨범이 어떤 내용인지 자세히 볼 수 있는 창, 그리고 수정하기 버튼을 누르면 수정이 가능케 하고 비밀 번호를 입력하여 새로 저장하는 기능을 만들고자 했다.새로 html을 띄우는 것보단 해당 페이지에서 자연스럽게 나타낼 뭔가가 없을까 생각해 보고 검색해 보다가 모달이라는 것을 알게 됐다.https://getbootstrap.kr/docs/5.3/components/modal/#%EC%98%88%EC%8B%9C 모달 Bootstrap JavaScript ..

오늘의 학습 키워드📚 웹 배포 기존에 학습한 내용 HTML과 CSS로 간단한 영화 소개 페이지, 앨범 페이지 등 만들기 JavaScript를 통해 웹에 기능 만들기, HTML 동적 추가 JQuery를 통해 JavaScript의 기능들을 편리하고 가독성 좋게 활용 OpenAPI를 이용해 다양한 정보들을 활용하는 방법 Firebase를 만들고 연동하여 FirestoreDatabase에서 데이터 CRUD Input의 값들을 받아서 딕셔너리화하여 FirestoreDB에 저장하는 방법 ** addDoc(collection(Firestore db, "컬렉션 이름"), 저장할 딕셔너리) ** ** HTML에 id를 JQuery에서 $("#id")로 호출할 수 있다. ** ** val()은 해당 값을 가져오기 때문에 ..