위코드

오후에 배운 데이터 베이스 세션을 듣고, 직접 데이터의 흐름을 따라 모델링을 진행해봤다! 스타벅스 모델링을 직접 해보는 것이었다! 모델링 사이트는 dbdiagram.io 를 사용했다. (튜토리얼 노션) 처음에 생각했던 방식은 크게 카테고리를 타고 들어가서 세분화하는 것이었다. 💡 메뉴 → 음료 → 카테고리 → 상세음료 → 디테일한 음료정보 카테고리를 타고 들어가는 방법도 있지만, 사실 홈페이지에서 사진을 클릭하면 그 음료에 관한 상세정보로 넘어가기 때문에, 이미지를 기준으로 깊이 타고 들어가면 어떨까 생각을 해봤다. 이러한 로직으로…. 💡 메뉴 → 음료 → 이미지(상세음료) → 디테일한 음료정보 왜냐하면 사용자 입장에서 카테고리를 타고 들어가기보다는 이미지를 클릭해서 들어갈 것 같기 때문이다. (내가 그..

🚀 학습 목표 **데이터베이스(Database)**의 개념을 이해합니다. **관계형 데이터베이스 (RDBMS)**가 무엇이며, 왜 사용하는지 이해합니다. **테이블(Table)**이 무엇인지 이해하고, Column, **Row**를 설명할 수 있습니다. 테이블(Table)의 관계 - One to One, One to Many, Many to Many 예시를 나열할 수 있습니다. Primary Key 와 Foreign Key 의 관계를 설명하고, 테이블에 지정할 수 있습니다. **관계형 데이터베이스**와 **비관계형 데이터베이스**의 차이를 알 수 있습니다. ERD 구성도로 데이터 관계를 모델링 할 수 있습니다. 01. Database란? 데이터베이스는 우리가 사용하는 정보의 총 집합이다. 위 페이지는 스..

위코드 공통세션 과제 중 개발자 도구를 분석하는 과제를 주셨습니다! 사전스터디 때 HTML을 소홀히 했더니 과제할 때 개발자 도구를 처음 들어 가봤다는...😅 그래서 조금 고생을 했지만, 팀원들께서 많이 도와주셔서, 공부한 것을 바탕으로 정리해봤습니다! [참고 문헌] 개발자도구 Network탭 총정리 Inspect network activity - Chrome Developers XMLHttpRequest(XHR) 란 무엇인가. Web Performance: Optimizing the Network Waterfall 💡 과제 안내 - Network 패널의 기능은? - Network 패넣의 여러 가지 탭의 종류와 기능 살펴보기 - Market Kurly(마켓컬리) 카테고리 정보 가져오는 API 찾아보기 -..

💡 사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 1. 태그를 사용하는 것 2. 태그에 background-image 속성을 추가하는 것 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요. 위 질문에 대해 대답하기 위해서는 Semantic Web 과 Semantic Tag에 대해서 알고 있어야 한다. 1. Semantic Web이란? “의미를 가지는 웹” 1. 등장배경 웹 기술이 발전하면서 수많은 정보들이 축적되었음 무분별한 정보의 축적은 다양한 문제상황들을 불러일으킴 컴퓨터가 스스로 정보를 해석, 가공할 수 없어 모든 정보를 사용자가 직접 개입해서 처리해야 되는 것 따라서, 기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한 것이 Semantic Web이다. 2. ‘일반 W..

🚀 학습 목표 인터넷과 웹을 정의할 수 있다. 1세대, 2세대, 3세대 웹의 발전과 각각의 특징에 대해 설명할 수 있다. SPA 가 동작하는 방식과 프론트엔드와 백엔드가 분리된 배경에 대해 설명할 수 있다. 모던 웹 아키텍처의 구성을 이해하고 관련된 개발 직군에 대해 설명할 수 있다. 1. Internet & Web 1. Internet 인터넷이란? 거대한 통신망 인터넷이란 서비스 안에 웹, 앱 등이 들어간다. 즉, 인터넷이란 통신망이 있기 때문에 모든 서비스들을 사용해볼 수 있는 것이다. 전 세계의 컴퓨터가 서로 연결되어 정보를 교환할 수 있는 하나의 거대한 컴퓨터 통신망 인터넷의 역사 1950 -모뎀(Modem) Modem = Modulation(변조) + Demodulation(복조) 변조 : 디지..