본문 바로가기

전체 글189

[AI웹개발][67일차TIL] 프로토콜(protocol)과 무상태 프로토콜(stateless protocol)이란 ? 무상태 프로토콜(stateless protocol)에 대해서 대략 어떤 의미로 쓰이는지 정도는 튜터님 이야기를 들어서 파악했지만 도대체 어디서 쓰이는 개념이고, 어떻게 구조화 되어 있는지에 대해서는 잘 모르기 때문에 너무 궁금했다. 우리가 보고 있는 웹 페이지에서 무상태 프로토콜은 어디에, 어떻게 적용 되었을까 ?? 목차 1. 프로토콜의 사전적 의미 2. 프로토콜의 종류 3. Hyper Text 와 HTML이란 ? 4. HTTP 란 ? 5. 통신 규약(프로토콜)의 중요성 6. TCP/IP란 무엇이고, 어디에 쓰이고 있는가 ? 7. cashy(캐시)란?? 8. 클라이언트 상태란?? 9. stateful과 stateless?? 1. 프로토콜(protocol)의 사전적 의미 내 컴퓨터와 다른 컴퓨터 사이나 .. 2023. 6. 28.
[AI웹개발][66일차TIL] 자바스크립트 강의 듣기 및 로그인 페이지, 상단 네비바, 하단 푸터 html 작성하기 자바스크립트 강의는 얄팍한 코딩사전 유튜버의 제대로 파는 자바스크립트 끝장내기를 듣고 있는데 1시간 30분까지 들었고 콘솔 활용, 주석과 세미콜론, 변수와 상수, 자료형, 정적&동적 타입, 문자열 까지 들었습니다. 주말동안 50~70% 까지만 천천히 듣고 프론트를 거의 완성시켜 나간다는 느낌으로 작업 들어가겠습니다. 계획했던 로그인 페이지 : "와이어프레임" 계획했던 로그인 페이지 : 내가 만든 흰색, 연회색, 진회색 위주로 사용하고 특별하게 하이라이트하고 싶을 때에는 그 색깔 위주로 디자인을 해주면 될 것 같다. html을 작성하면서 특히 CSS는 감각?? 센스 ?? 내가 만족하는 디자인이 나올 때 까지 해야하는 부분들이 있어서 상당히 까다로운 작업이라고 생각이 들었다. 상단 네비바와 푸터가 잘 끝났기.. 2023. 6. 23.
[AI웹개발][65일차TIL] CSS 공부하기 (3)Flexbox 완전 정리 [드림코딩유툽] 유튜브 CSS 강좌 (3) Flexbox 완전 정리 https://www.youtube.com/watch?v=7neASrWEFEM&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=9 강의 듣고 직접 정리한 노션 링크 : https://www.notion.so/CSS-3-Flexbox-5ec4173dd61c43279421a079374cb477?pvs=4 CSS #3 Flexbox 완전 정리 Flexbox를 자유자재로 쓸 수 있도록, 개념을 이해하고 연습해봐야 한다. www.notion.so Flexbox는 크게 가로축으로의 배열과 세로축으로의 배열을 신경써야 하는데 그 가로축(main axis), 세로축(cross axis)에 대한 속성과 요소들에 대해 공부하는 시간이었습.. 2023. 6. 20.
[AI웹개발][64일차TIL] CSS 공부하기 (2)layout 정리, display, position [드림코딩유툽] 유튜브 CSS 강좌 (2) layout 정리, display, position https://www.youtube.com/watch?v=jWh3IbgMUPI&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=8 강의 듣고 직접 정리한 노션 링크 : https://www.notion.so/CSS-2-layout-display-position-6defc85c8bb149e78303b709a673cf10?pvs=4 CSS #2 layout 정리, display, position 완성 Block level 과 Inline level 의 차이 www.notion.so 1. Block 과 Inline의 차이. 2. div 와 span의 디폴트 값과 성질 3. justify-conten.. 2023. 6. 20.
[AI웹개발][63일차TIL] CSS 공부하기 (1)selector, 기초 이론 정리 [드림코딩유툽] 유튜브 CSS 강좌 (1) elector, 기초 이론 정리 https://www.youtube.com/watch?v=gGebK7lWnCk&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=7 강의 듣고 직접 정리한 노션 링크 : https://www.notion.so/CSS-1-886c263df05446b0a39d7461eca5b6af?pvs=4 CSS #1 셀렉터, 기초 이론 정리. 유튜브 강의 링크 www.notion.so Cascading Style Sheet cascading의 사전적 의미 폭포처럼 흐르다 (정보통신에서) 연속화, 종속, 연속, 직렬화 위에서 아래로 떨어지는 느낌 우리가 작성한 스타일 시트에 스타일링이 없으면 브라우저의 기본적으로 작성된 스타일링이 .. 2023. 6. 20.
[AI웹개발][62일차TIL] 쇼핑몰 상품게시글 CRUD, 상품 문의 CRUD, 문의 댓글 CRUD AI 웹개발 - 62일차 TIL : 상품 관련 백엔드 API 기능 구현 (CRUD)6월 13일 화요일목차 1. 상품 게시글 CRUD 2. 상품 문의 CRUD 3. 문의 댓글 CRUD 4. 상품 후기 모델, CRUD를 삭제한 이유 5. 느낀 점1. 상품 게시글 CRUDviews.py # 23년 6월 12일 # 상품문의모델 : Product # 시리얼라이저 : ProductListSerializer, ProductCreateSerializer, ProductDetailSerializer class ProductView(APIView): def get(self, request): products = Product.objects.all().order_by("-created_at") serializer = Pr.. 2023. 6. 13.

티스토리툴바