학습 기록/데브코스 웹 풀스택 4기 24

백엔드 기초: API, REST API, URL

/date 24.08.27.과제를 다 해 둔 덕에 내일 수강으로 되어 있는 강의를 미리 들었습니다. 부지런함 어떤데~ 먼저 백엔드를 다시 돌아봅시다.백엔드는 어떤 구조를 갖추고 있을까요?앞서 글에서도 첨부하였던 이 사진을 다시 가져와 보았습니다. 클라이언트 = 프론트엔드? 전혀 아니다!클라이언트 = 프론트엔드라면 네이버의 메인 화면을 우리의 컴퓨터에 갖고 있다는 소리가 됩니다. 그러니 당연히 등호가 성립할 수 없겠죠? 백엔드의 입장에서 클라이언트는 두 종류가 있습니다.Literally 사용자: 백엔드에게 무언가를 요청하기 전 프론트에게 요청합니다프론트엔드 위의 그림에서 웹 서버, 웹 어플리케이션 서버, 데이터베이스는 말하자면 백엔드의 놀이터라고 할 수 있습니다. 웹 서버의 경우 정적 페이지에 대해 대응하..

ERD를 바탕으로 데이터베이스 생성하기

/date 24.08.26. 어제 과제하면서 이런 글을 올렸습니다. ERD에 대한 이해와 데이터베이스 모델링/date 24.08.25.  오늘의 목표는~ 데이터베이스 관계 다이어그램(ERD)을 생성하고 이를 바탕으로 데이터베이스를 직접 설계하여 간단한 쿼리를 작성하는 것! 가상의 공연 예매 사이트를 구축한다고romiwaves.tistory.com 어제 작성하였던 ERD에서 살짝 수정을 거쳤고, 이를 바탕으로 데이터베이스를 생성한 다음 해당 테이블에서 사용할 수 있는 입력, 수정, 조회 SQL문을 작성하는 것이 과제입니다. mariadb 데이터베이스 생성하기mariadb를 실행해서 showtime이라는 이름의 데이터베이스를 만들어 주었습니다. 그럼 이제 테이블을 하나씩 만들어 주겠습니다. 먼저 User 테..

ERD에 대한 이해와 데이터베이스 모델링

/date 24.08.25.  오늘의 목표는~ 데이터베이스 관계 다이어그램(ERD)을 생성하고 이를 바탕으로 데이터베이스를 직접 설계하여 간단한 쿼리를 작성하는 것! 가상의 공연 예매 사이트를 구축한다고 생각했을 때 데이터베이스를 구현하고 해당 DB를 위한 SQL문을 작성해야 합니다. 준비되지 않은 나에게 성큼 다가온 과제... ERD가 뭔지도 안 알려주셨잖아요 흑흑 그렇지만 울지 않습니다 나는 어른이니까. 정보의 바다를 헤엄치며 나에게 주어진 문제를 해결해 보겠어요.  그래서 ERD가 뭔데?ERD에 대해 이야기하기 전에 데이터 모델링의 개념부터 살펴보겠습니다. 데이터 모델링이란 데이터 시스템 구축의 대상이 되는 내용을 분석하고, 약속된 표기법으로 표현하는 것을 의미합니다. 그리고 이렇게 모델링 된 내용..

깃허브 페이지(github pages)로 포트폴리오 웹페이지 만들기

/date 24.08.24.  포트폴리오 웹페이지로 사용할 수 있는 깃허브 페이지를 만들어 보도록 하겠습니다. 1페이지 이상으로 구성된 페이지를 만드는 것이 목표이며, URL에 정상적으로 접속이 가능하도록 특히 신경 쓸 생각입니다. (안 되는 경우가 종종 있다길래요.) 특출나기보단 제가 이제까지 배웠던 것을 십분 활용하여 깔끔하게 만들어 보고 싶습니다. https://phodobit.kr/49 깃허브 페이지(GitHub Pages) 만들기오늘 해보려는 것은 Github를 이용해 정적(Static) 페이지(Page)를 만들어보려고 한다! 공식 가이드는 아래와 같다. Getting started with GitHub Pages - GitHub Docs Getting started with GitHub Pag..

웹 서비스의 이해 (4) - 데이터베이스 기초(도커, mariaDB설치)와 쇼핑몰 페이지 완성

/date 24.08.23./* 여담.. 블로그 올리는 거 과제도 아니지만 오늘 코드 붙잡고 씨름한 게 너무 많아서..ㅎ 기가 막혀서 글 씀 */ 데이터베이스 데이터베이스란?데이터를 통합하여 효율적으로 관리하기 위한 데이터 집합체를 데이터베이스(Database; DB)라고 합니다. 데이터를 여기저기서 찾을 필요 없이, 데이터베이스에서 모든 처리가 가능하도록 해요. 데이터를 구조화 후 관리함으로써 데이터의 중복을 막고, 효율적이고 빠른 데이터 연산에 도움을 줍니다. 데이터베이스에 대해 살펴볼 때 빼놓을 수 없는 시스템이 DBMS입니다. 많은 경우 DBMS = 데이터베이스라고 생각하게 되는데 결론부터 말하자면 전혀 다릅니다. 데이터베이스를 운영하고 관리하기 위해 DBMS(DataBase Management ..

웹 서비스의 이해 (3) - 쇼핑몰 페이지 제작 실습 시작과 백엔드 기초

/date 24.08.22.  아래 예시와 유사하게 테니스 라켓을 판매하는 쇼핑몰 페이지를 제작해 보려고 합니다. 메인 화면에선 테니스 라켓의 사진을 보고 order 버튼을 통해 물건을 담을 수 있고, order list 화면에서는 어떤 물건을 담았는지 확인할 수 있습니다.  먼저 메인 페이지를 작성해 보겠습니다. CSS는 외부 스타일 시트로 빼서 따로 만들 생각이라 일단 HTML 코드만 작성해 주었습니다.  Tennis Market Welcome to Tennis Market! Enjoy your shopping. order list ..

웹 서비스의 이해 (2) - CSS와 자바스크립트

/date 24.08.21. [예제로 배우는] CSS의 이해inlineCSS 속성 찾는 법(검색)CSS란 무엇일까요?Cascading Style Sheets의 약자로, HTML을 꾸며 주는 언어입니다. 문서를 통째로 한 번에 꾸며준다고 생각하기 쉬운데, 그것이 아니라 HTML 태그 하나하나를 꾸며줍니다. HTML에 CSS를 적용하는 방법은 3가지가 있습니다.인라인Inline: HTML 태그 안에 같이 작성내부 스타일 시트internal style sheet: HTML 문서 안에 같이 작성외부 스타일 시트external style sheet: HTML 문서 밖에 작성하고 연결인라인 CSS를 적용해 보면 아래와 같이 코드가 작성됩니다. 해당 HTML 파일을 실행하면 CSS가 잘 적용된 것을 확인할 수 있습니..

로그인 화면 구성을 위한 HTML 문법

/date 24.08.20. HTML = HyperText Markup Language 태그를 통해 HTML을 구현ex) 태그의 적용 대상 여는 태그와 닫는 태그가 한 쌍일 수도 있고, 닫는 태그 없이 여는 태그가 단독으로 쓰일 수도 있다.  LOGIN Login ID PW " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 위의 로그인 화면 구성에서 사용한 HTML 문법을 정리해 보자 LOGIN Login ID PW ..

웹 서비스의 이해 (1) - 웹 이해와 프론트엔드 입문

/date 24.08.20. 웹의 이해 -웹의 이해 인터넷이란 무엇일까요?인터넷(internet)은 전 세계의 모든 컴퓨터를 하나의 통신망 안에서 연결한다는 의미를 가진 international network의 약자입니다. 인터넷이 있기에 우리는 빠른 연결로 원하는 정보나 콘텐츠를 접할 수 있는 것입니다. 한 가지 유의해야 할 점은 웹 != 인터넷이라는 것입니다. 그렇다면 웹이란 무엇일까요?월드 와이드 웹(World Wide Web)은, 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간을 의미합니다. 간단하게 WWW, W3, 또는 웹이라고 부르기도 합니다. 웹은 1980년, 스위스 입자 물리 연구소의 컴퓨터과학자 팀 버너스-리에 의해 탄생하였습니다. 연구원들 간의 신속한 정보 교환을 위..

포트폴리오 / 협업 환경 구성 (5)

/date 24.08.19. 협업 툴의 종류 Trellohttps://trello.com/ Manage Your Team’s Projects From Anywhere | TrelloTask management Use Trello to track, manage, complete, and bring tasks together like the pieces of a puzzle, and make your team’s projects a cohesive success every time.trello.com 기본에 충실한 프로그램이라 군더더기가 없습니다.template 란에서 다양한 활용 사례를 확인할 수 있습니다.전반적으로 심플합니다. 이 점이 장점이 될 수도 단점이 될 수도 있습니다.한국어 지원이 되지 않습니다..