URL, IP, PORT ... 여기저기서 들어는 봤는데 막상 '설명해봐!'하면 설명하기 어렵다💦 이번 기회에 정리해보자! 😀 URL - IP - PORT 도메인이라고도 불리는 URL은 이름, IP는 주소, PORT는 문에 빗대어 생각할 수 있다. 치킨을 배달시키고 싶다고 가정해보자. ''저희집으로 치킨 한 마리 배달해주세요'' 하면 치킨 집 사장님은 "집이 어디신데요..?" 할 것이다. 목적지(집)와 주소가 있어야 정확하게 목적지에 도달할 수 있고, 건물의 주소가 있어도 몇 호에 있는지 알아야 배달이 가능하다. 여기서 URL이 목적지, IP가 주소, PORT가 몇 호에 해당한다. URL 요청에 대한 네트워크 동작 클라이언트(모바일, pc 등)에서 URL(도메인, www.naver.com)을 입력하면 스..
너무 늦어버린 3회차 회고,,ㅎㅎㅎ 깃헙 참고하면서 기억 더듬기! ✍️ 3주차 과제 내용 3주차에는 꽤 많은 내용의 과제를 진행했다. 2주차 과제 리팩토링 Home 페이지 기능 구현하기 ProductDetail 페이지 기능 구현하기 ♻️2주차 리팩토링 내용 ⚠️ 수정할 내용 🪄 해결 방법 'DetailMenuButton' 컴포넌트명은 버튼 하나로 착각 할 수 있다. DetailMenuButton => DetailMenuTabs로 컴포넌트명 변경 버튼 text 등의 요소는 pages 단위까지 끌어 올려주는 것이 좋다. 버튼의 text를 props로 받아 사용 styled-components를 사용한 컴포넌트를 만들 때 네이밍이 어렵다. styled-components의 중첩 기능 활용 ✅해결 1. Deta..
🏷️ 오늘 읽은 범위: Ep.39 ~ Ep.45 💡 책에서 기억하고 싶은 내용을 써보세요. EP.39 인공지능, 머신러닝, 딥러닝, 아직도 구분하기 힘들다고? [🏷️226p-231p] 인공지능 일반 인공지능(general AI/strong AI) 좁은 인공지능(narrow AI/weak AI) 대화, 게임이 가능하고 판단도 내릴 수 있다. 몇 가지의 한정된 영역에서만 동작한다. 지금 기술로는 일반 인공지능을 만들 수 없다. 실제 현실에서 딥러닝이나 머신러닝으로 만드는 인공지능에 속한다. 머신러닝 vs. 딥러닝 머신러닝 딥러닝 인공지능을 학습시키는 방법 인공지능이 학습하는 방식, 머신러닝의 한 종류 ex. 지도 학습(supervised learning),비지도 학습(unsupervised learning)..
🏷️ 오늘 읽은 범위: Ep.35 ~ Ep.38 💡 책에서 기억하고 싶은 내용을 써보세요. EP.35 비밀번호는 어떻게 저장될까? [🏷️202p-206p] 비밀번호 시스템의 잘못된 예 2가지 1. 비밀번호를 데이터베이스에 그대로 저장하는 것 비밀번호는 비밀번호 시스템을 구축한 사람도 볼 수 있어서는 안 된다. 2. 데이터베이스를 암호화하여 키를 사용해서 해제하는 것 데이터베이스 자체를 암호화해서 비밀번호를 저장하면 사용자는 회사에서 주는 키(key)로 데이터베이스를 해제한 후 입력한 비밀번호와 대조해서 맞으면 로그인을 할 수 있다. 하지만 키를 잃어버리거나 누군가 그 키를 훔치는 상황이 생길 수 있기 때문에 좋은 방법은 아니다. 괜찮은 비밀번호 시스템 - 해시 함수 해시 함수는 내가 입력한 값을 무작위 ..
🏷️ 오늘 읽은 범위: Ep.30 ~ Ep.34 💡 책에서 기억하고 싶은 내용을 써보세요. EP.30 코로나가 준 레거시 시스템의 교훈 [🏷️179p-181p] 코볼(COBOL, Common Business Oriented Language) 1959년에 탄생한 언어 코볼로 만들어진 정부 시스템을 코로나로 인해 사용했어야 하는데, 오래되고 잘 사용되지 않았던 언어였기 때문에 유지 보수하는데에 어려움이 있었다. 개발자가 가져야할 생각 2가지 프로그램은 책임감을 가지고 만들어야 한다. 프로그램은 끊임없이 관리해야 한다. EP.31 데이터와 단짝 친구, SQL [🏷️184p-189p] SQL과 데이터베이스 SQL로 데이터베이스와 상호작용을 하려면 DBMS를 거쳐야 한다. 즉, SQL은 데이터베이스를 관리해 주는..
🏷️ 오늘 읽은 범위: Ep.26 ~ Ep.29 💡 책에서 기억하고 싶은 내용을 써보세요. EP.26 정렬 알고리즘이 뭐죠? [🏷️154p-159p] 정렬(sorting) 알고리즘 - 시간 복잡도: O(N²) 1. 버블 정렬 (bubble sort) 2. 선택 정렬 (selection sort) 3. 삽입 정렬 (insertion sort) 버블 정렬 왼쪽과 오른쪽 두 수를 비교하여 오름차순이라면 a b로 숫자를 바꾸면서 정렬하는 알고리즘 이렇게 배열의 끝까지 작업하는 것을 한 사이클이라고 한다. 한 사이클이 진행됐을 때 오름차순의 경우, 배열의 가장 큰 요소가 맨 끝에 위치하게 되고 다음 사이클에는 마지막 위치를 제외하고 진행할 수 있다. 시간 복잡도가 O(N²)인 알고리..
🏷️ 오늘 읽은 범위: 복습 QUIZ DAY 8에는 복습 퀴즈가 주어져서 헷갈렸던 문제가 무엇이었는지, 왜 헷갈렸는지 작성해보려고 합니다! 📖 프레임워크 (Framework) vs. 라이브러리 (Library) 프레임워크와 라이브러리에 관련한 내용은 책 에피소드 11에서 확인할 수 있다. 차이점을 내가 제어하는가, 제어 당하는가를 기준으로 설명하고 있는데, 누군가 정한 규칙에 따라 도구를 사용하고 있다면 프레임워크, 개발자가 도구에 대해서 모든 결정을 내리고 있다면 라이브러리이다. 여기서 헷갈렸던 이유는 스타일 라이브러리인 styled-components를 예로 생각했을 때, styled-components를 쓰려면 해당 공식 문서에 나온 방법을 따라 그 틀 안에서 사용해야하기 때문에 정한 규칙에 따라 ..
🏷️ 오늘 읽은 범위: Ep.22 ~ Ep.25 💡 책에서 기억하고 싶은 내용을 써보세요. EP.22 자료구조와 알고리즘 [🏷️132p-136p] "회사 면접을 잘 보려면 이걸 알아야해!” 취업을 위해서는 자료구조와 알고리즘을 공부해야한다는 말을 많이 보았다. 책에서는 자료구조와 알고리즘을 코드를 효율적인 코드, 속도가 빠른 코드로 만들기 위해 필요하다고 설명한다. 알고리즘 컴퓨터에게 내리는 지시 사항을 나열한 것. 우리가 집을 나설 때 도착지까지 빠르게 가는 방법을 찾는것처럼 알고리즘 중에서도 효율성이 좋은 알고리즘을 사용하면 컴퓨터의 처리속도가 빨라진다. 실생활에서는 지도 앱에서 목적지까지 빨리 가는 기능을 구현하기 위한 패스파인더(pathfinder) 알고리즘, PNG, JPG 파일과 같이 이미지를..
🏷️ 오늘 읽은 범위: Ep.16 ~ Ep.21 💡 책에서 기억하고 싶은 내용을 써보세요. EP.16 [🏷️96p-100p] 인터넷 익스플로러 v3.0 - CSS 최초 지원 v5.0 - Ajax 최초 지원 최신 기술을 가장 빨리 지원했었다. HTML을 이해하는 웹 HTML이란, 웹 사이트에 들어갈 텍스트, 그림 등을 표현하는 규약이다. HTML 표준안에 따라 태그를 사용해서 웹 브라우저를 개발하게 되는데, 이렇게 개발한 웹 브라우저의 핵심 프로그램을 브라우저 엔진 또는 렌더링 엔진이라고 한다. 엔진의 성능이 웹 브라우저의 성능을 결정한다. 즉, 엔진이 최신 표준안, 최신 기술을 지원한다면 최신 웹 브라우저가 되는 것과 같다. 인터넷 익스플로러의 서비스 종료 시장 점유율이 95%(2003년)인 것에 비해 ..
🏷️ 오늘 읽은 범위: Ep.11 ~ Ep.15 💡 책에서 기억하고 싶은 내용을 써보세요. EP.11 [🏷️70p-74p] 라이브러리와 프레임워크의 공통점 누군가 미리 작성해 놓은 코드이고, 개발 속도를 더 빠르게 만들어주는 도구 도구라고 칭하기는 하지만, 프로그램은 아니다. 라이브러리와 프레임워크의 차이점 내가 제어하는가, 제어당하는가? 개발자가 도구에 대해서 모든 결정을 내리고 있다면 라이브러리, 누군가 정한 규칙에 따라 도구를 사용하고 있다면 프레임워크. 라이브러리는 불러와서 사용하며, 다른 라이브러리로 대체해도 프로젝트의 구조가 무너지지 않는다. 프레임워크는 우리가 불러다가 쓸 수 없고, 프레임워크가 우리를 제어하여 프레임워크의 규칙을 따라서 사용해야 한다. 따라서, 프레임워크를 교체하려면 폴더 ..