본문 바로가기

분류 전체보기

[항해99] 사전스터디 - 3주차 강의회고록 🦄 사전 스터디 3주차 강의회고록 3일차, 오늘의 목표는 3주차 완강이다! 그동안 그토록 궁금해 하고 배우고 싶었던 파이썬과, 크롤링, DB 등 백엔드의 핵심 기능을 배울 수 있는 기회다! 반드시 완강해서 모두 습득하도록 하자😆 ✨02/13 : 목표 : 사전스터디 3주차 완강 📒강의 노트 정리 01 오늘 배울 내용 & 설치 - 오늘 배울 것 : Python(서버), 크롤링(데이터 크롤링), mongoDB(데이터베이스) - 문법 연습 후, 라이브러리 활용하여 네이버 영화목록 쫙 가져오기 - 파이썬 설치 => 3.8 체크 https://www.python.org/ftp/python/3.8.6/python-3.8.6-amd64.exe - 윈도우일 경우 Git bash 설치 https://git-scm.com/.. 더보기
[Web] URL과 도메인의 차이, URL의 구조 🙌 URL과 도메인의 차이 - 도메인(Domain) : 서버 이름은 도메인이나 IP주소로 입력 가능하다. 사용자가 매번 IP주소를 입력하기는 쉽지 않다. IP주소를 변환시켜 줄 네임 서버가 도메인을 뜻한다.IP 주소를 갖는 서버를 사용자가 쉽게 기억하고 찾을 수 있도록 만들어준 서비스다. - URL(Uniform Resource Locator)은 도메인을 포함한 경로이다. 사용자가 도메인 서버로 접속을 원할 때, 프로토콜 + 도메인 + 경로 등을 통합적으로 나타내는 주소이다. 예를 들어, https://www.naver.com 전체 주소는 URL이며, https는 프로토콜, www.naver.com은 도메인으로 분류할 수 있다. ✨ URL의 구조 URL은 보통 http또는 https와 같은 Protoco.. 더보기
[Web] URL과 URI의 차이점 ✨URL과 URI의 차이점 - URI : Uniform Resource Identifier => ‘Uniform(통일) / Resource(자원) / Identifier(식별자)’ - URL : Uniform Resource Locator => ‘Uniform(통일) / Resource(자원) / Locator(위치)’ URL => 네트워크상에서 통합 자원(리소스)의 “위치”를 나타내기 위한 주소 웹 페이지의 주소에 접속하기 위해서는 웹 사이트의 주소뿐만 아니라 프로토콜(https, http, sftp, smp 등)을 함께 알아야 접속이 가능한데, 이들을 모두 나타내는 것이 URL이다. 즉, URI= 식별자, URL=식별자+위치 이다. - naver.co.kr은 URI => 식별자 - https://na.. 더보기
[JavaScript] 객체의 프로퍼티(property) 접근 방법, 속성과 메소드 차이 🙌객체(Object) - 자바스크립트는 객체(object) 기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 “모든 것”이 객체이다. 원시 타입(Primitives)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다. 속성(property)과 메소드(method)의 차이 - 자바스크립트의 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이다. 프로퍼티의 값으로 자바스크립트에서 사용할 수 있는 모든 값을 사용할 수 있다. 자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다. 따라서 프로퍼티 값으로 함수를 사용할 수도 있으며 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메소드(객체에 제한되어 있는 함수)라 부른다. - 객체는 데이.. 더보기
[항해99] 사전스터디 - 2주차 강의회고록 🦄 사전 스터디 2주차 강의회고록 2주차에는 프론트에서 가장 중요한 JavaScript 개념과 JQuery, Fetch 사용에 대해 배운다. 가장 핵심적인 개념이기 때문에 잘 숙지하면서 들어야겠다. 특히 클라이언트가 서버에 요청하는 Fetch와 GET, POST요청과 응답을 받는 JSON객체 형태에 유의하며 듣도록 하자!😊 ✨02/12 : 목표 : 사전스터디 2주차 완강 📒강의 노트 정리 02 JavaScript 맛보기 - Javascript 는 동적인 웹을 만들 수 있는 프로그래밍 언어다. html을 제어하여 움직임을 발생시킨다. - jQuery는 html 뼈대를 선택해서 쉽게 조작할 수 있다. - Bootstrap과 같이 jQuery도 남들이 만든 코드모음, 라이브러리다. - Fetch는 짧은 코드로.. 더보기
[항해99] 사전스터디 - 1주차 강의회고록 🦄 사전 스터디 1주차 강의회고록 항해99🚩에 참여하게 되면서 OT주간에 있을 입학시험에 대비하기 위해 사전 스터디에 참여하게 되었다. 우리의 목표는 우선 입학시험에 대비하여 웹개발 종합반 강의 과정을 2회독 하는 것이다. 하지만 대부분의 팀원들과 이야기를 나눈 결과, 다들...벌써 완강을 완료했다고 하여 우선 혼자라도 2회독에 도전해 보기로 한다. 첫 시작일이 02/11이고 개강은 3/06일이기 때문에 여유롭지만은 않다. 바쁘게 한 번 달려 보아야겠다!😂 ✨02/11 : 목표 : 사전스터디 1주차 완강 📒강의 노트 정리 01 ~ 02 웹 브라우저의 원리 - HTML, CSS : HTML 웹의 뼈대를 잡아주고, CSS는 스타일링을 도와준다. 이렇게 만든 HTML, CSS, JS파일을 서버에 요청(api).. 더보기
[HTML] 구글 웹폰트 적용하기 - preconnect, preload 속성 ✨구글 웹폰트 적용하기 일반적으로 웹 폰트를 적용할 때에는 index.html 페이지에서 태그를 이용하여 연결하는 방법을 사용한다.(또는 스타일 시트에서 @import) 구글 웹 폰트에서 친절하게 사용방법을 알려준다. 1. 속성 태그의 rel 속성은 현재 문서와 외부 리소스 사이의 연관 관계를 명시한다. rel은 link태그의 필수 속성이므로 반드시 명시하여야 한다. 자세한 속성 값들은 여기에서 자세히 확인 할 수 있다. 2. preconnect, preloasd 평소 개인적으로 프로젝트를 진행할 때는 이 부분만 연결하여 사용하기도 했었는데, 문득 다음과 같은 "preconnect" 속성 값들이 사용되는 이유에 대해 궁금해졌다. preconnect : 브라우저가 대상 리소스의 원본에 미리 연결하도록 명시.. 더보기
[React] 페이지네이션(Pagenation) 구현하기 - 코드리뷰와 리팩토링 🙌 페이지네이션 코드 리뷰 받은 부분 리팩토링 지난 번 페이지네이션을 구현한 부분에 대해 FE팀원 분께서 코드리뷰를 해주셨다. 12월은 여러 일정 때문에 바빠서 늦었지만 지금이라도 복습 겸 정리해보려 한다. 페이지네이션 기능 구현 부분에서 몇가지 🐛가 있었고, 언급해 주신 부분을 참고하여 리팩토링 하였다. 리팩토링 후에 FE팀원 분이 더 간결한 코드로 리팩토링 해주신 부분도 추가하였다. 지난 번에 구현한 페이지네이션 코드는 다음과 같다. import React, { useMemo } from 'react'; import styles from './Pagenation.module.scss'; interface IPagenationProps { maxPage: number; currentPage: numbe.. 더보기
728x90
반응형

티스토리툴바