개미의 개열시미 프로그래밍

자식 결합자 ( > ) 첫 번째 요소의 바로 아래 자식인 노드를 선택한다. 오류가 났던 부분 두 개의 테이블이 있다고 가정할 때, 각각 id를 table1, table2로 주었다. 그때 위의 이미지처럼 table 2 tr, td에게만 border값을 주고 싶은 경우가 있었다. [성공한 경우] .table2 > tr, .table2 td{ border: 1px solid darkgray; } - .table > tr, . table 2 > tr > td로 해줘도 됐을 것이다. [실패한 경우] .table2 > tr, td{ border: 1px solid darkgray; } - 코드 상 td는 tr로 감싸져 있기 때문에 한번 더 >를 써줘야 했다. - 실패한 경우의 코드는 table1의 td까지도 bor..

CSS 포지셔닝이란? HTML의 엘리먼트 위치를 제어하는 방법 레이아웃을 설계하는데 중요한 속성 포지셔닝의 4가지 종류 : CSS의 position을 지정하여 위치를 지정할 수 있다. 1. static position속성의 기본값 엘리먼트 나열 순서대로 배치 2. relative 부모 엘리먼트를 기준으로 위치가 정해짐 3. absolute 부모 엘리먼트 중에 relative타입이 지정된 부모를 기준으로 위치가 정해짐 부모 엘리먼트와 연결성이 끊겨 해당 엘리먼트는 자신의 컨텐츠 크기만 해짐 부모 엘리먼트 또한 자식 엘리먼트를 없는 셈 친다. 4. fixed absolute와 같이 자신의 컨텐츠 크기가 된다는 점 특정한 엘리먼트를 화면에 고정시켜서 스크롤로부터 완전히 독립 [참고자료] https://open..

처음 가상 환경을 세팅할 때 Rest Framework를 설치하였다. https://reliablecho-programming.tistory.com/44 [django] 1. 장고 개발 환경 준비하기 (with Rest Framework) 이번 우리 졸업 프로젝트에서 프론트(React), 백앤드(Django), 데이터베이스(MySql)를 연동하는 작업이 필요하다. 먼저, 가상환경을 세팅하는 것부터 시작해서 목표는 리액트를 연동하는 것까지 작성 reliablecho-programming.tistory.com Rest Framework란? - DRF(Django Rest Framework)는 Django 안에서 RESTful API 서버를 쉽게 구축할 수 있도록 도와주는 오픈소스 라이브러리이다. Serial..

장고의 개발 환경이 준비되었다면 이제 데이터베이스를 연동할 순서다. 장고를 설치하면 sqlite3이 자동으로 연동이 되지만 이번 프로젝트에서는 MySQL을 연동하는 작업을 한다. Mysql 연동과 테이블 생성 $ (venv) install mysqlclient - 가상 환경 진입 후 mysqlclient설치 현재 MySQL에 데이터베이스가 없는 상태이다. MySQL Workbench에서 DB를 만들고 사용자 생성하는 부분은 아래의 링크를 참조했다. https://diaryofgreen.tistory.com/132 Mysql :: Mysql workbench에서 DB 생성 + 사용자 생성 + 연동하기 1. DB 생성 mysql workbench에 들어가 관리자인 root로 접속 (관리자인 root 계정을 ..

이번 우리 졸업 프로젝트에서 프론트(React), 백앤드(Django), 데이터베이스(MySql)를 연동하는 작업이 필요하다. 먼저, 가상환경을 세팅하는 것부터 시작해서 목표는 리액트를 연동하는 것까지 작성해보려 한다. (현재 장고와 mysql 연동까지는 완료) 가상 환경 세팅 (with Rest Framework) 터미널을 git bash로 진행하였다. $ mkdir django_rest $ cd django_rest $ python -m venv venv //가상환경 생성 $ (venv) pip install django $ (venv) django-admin startproject mysite . //장고 프로젝트 생성 (.) 주의 $ (venv) python manage.py startapp ap..

'점프 투 파이썬'을 공부하던 중 각 파일이 하는 역활에 대해 헷갈리기 시작했고 전체적인 개발흐름을 이해하기 위해 복습을 하면서 제대로 정리해야겠다고 생각했다. 참고자료 : 점프 투 장고 django-admin startapp pybo 위 명령어를 통해 pybo 앱을 생성 후 디렉터리 구조를 확인해보았다. [config/urls.py] - 장고가 사용자의 페이지 요청을 이해할 수 있도록 'URL 매핑을 추가' 하는 파일 - 페이지 요청 시 가장 먼저 호출되며 요청 URP과 views.py에 있는뷰 함수를 1:1 연결 ex) 키보드로 URL입력 (localhost:8080/pybo) -> urls.py에서 view.py의 함수에 매핑 -> view.py에서 웹브라우저에 보여줄 페이지 출력 - urlpatt..

위키 독스 '점프 투 장고'를 공부하다가 중요한 내용인 것 같아 복습 겸 블로그에 정리하면서 요약하려고 한다. 먼저, 전에 만들었던 배치파일을 실행시켜 바로 가상환경으로 진입했다. 배치파일 이름이 mysite라서 C드라이브로 이동 후 mysite만 입력하면 바로 진입이 된다. 배치파일을 생성한 이유는 가상환경진입이 귀찮아서 인데 만드는 방법도 간단하고 장고 환경을 구축하는 것도 어렵지 않기에 나중에 기억이 않는다면 아래 링크로 공부하면 될 것 같다. https://wikidocs.net/72377 위키독스 온라인 책을 제작 공유하는 플랫폼 서비스 wikidocs.net ORM(Object-relational mappers) 쉽게 말하면 데이터베이스에서 테이블 생성, 수정, 삭제 또는 테이블 데이터의 내용..

이번시간은 '웹 표준 사이트 만들기' 5번째 강의 입니다. 2강~4강은 1강의 연장선 연습 느낌이라 빠르게 넘겼습니다. https://www.youtube.com/watch?v=48qTMCD69Uk&list=PL4UVBBIc6giKixok-bC7XVEx0ZFsngr5Z&index=5 아래와 같은 현대백화점인터넷면세점 사이트 같은 좋은 예가 있습니다. 링크에 접속해서 사이트의 크기를 넓히고 줄여도 계속 늘어나는 전체영역과 어떤 크기라도 꼭 보여야하는 가운데 부분으로 나뉘어집니다. - 강의에서는 가운데 부분을 Container라고 칭합니다. https://www.hddfs.com/shop/dm/main.do 현대백화점인터넷면세점 파머시 HONEY POTION 117G $56 (63,604원) www.hddf..