TIL

HyperText Mashup Language

Cascading Style Sheets

HTML, CSS으로 개인 페이지 제작 💻

저번 시간에 만든 개인 페이지를 Github으로 호스팅했다. https://dwenpark.github.io/myweb1/index.html JavaScript를 배워서 개인 페이지에 효과를 추가해볼 계획이다. 데이터 타입 number vs string >같은 숫자라도 "" 사이에 있는 숫자와 그냥 숫자는 다르다. undefined vs null > ...

이전에 만들어두었던 페이지에 JavaScript를 이용해서 이미지 슬라이드를 만들어보았다. 기본적인 구상은 여러 장의 사진을 가로로 나열한 뒤, overflow는 hidden으로 두고 버튼을 누르면 해당 페이지로 이동하게끔 만들었다. 추가로 사용자가 버튼을 누르지 않았을 경우, 자동으로 사진이 넘어가게끔 만들기위해 SetIntervel을 사용했다. S...

파이썬을 이용해서 전화번호부를 만들어보았다. 실행화면 1. 전화번호 추가 리스트안에 딕셔너리 자료형을 넣어 {이름, 번호}로 저장하는 방식이다. numOfData는 저장된 번호의 갯수이다. 2. 전화번호 검색 ![](https://images.ve

오늘은 codecademy python 코스에서 raw data를 각 항목에 맞게 정리하는 코드를 작성했다.💻 위와 같이 이름, 가격, 색상, 날짜 순으로 되어있는 data가 주어진다. 날짜는 전부 동일하기 때문에 이름, 가격, 색상 순으로만 정리한다. ![](https://images.velog.io/images/dwenup/post/34faa638...

Scramble 게임 점수 매기는 코드를 작성했다.💻 플레이어가 낸 단어를 쪼개서 점수를 계산해주는 함수를 만들고 딕셔너리로 묶었다. 결과창 updatepointtotal()를 이용해서 문자 수정이 있을 때마다 점수를 업데이트할 수 있다. 느낀 점🐳 이전 게시물(python-1) 에서 전화번호부를 만들면서 딕셔너리 함수를 처음 다뤄봤었다. 그 이...

Database를 사용하는 이유 데이터를 오랜 기간, 체계적으로 저장하고 보존하기 위해서 관계형 데이터베이스 RDBMS (Relational DataBase Management System) 모든 데이터들은 2차원 테이블로 표현할 수 있다. 테이블의 각 행은 저만의 Primary Key가 있다. 각각의 테이블은 서로 상호 관련성을 가지고 서로 연결될 수...

Django? Python으로 만들어진 Web framework MTV란? Model : 데이터베이스 테이블 정의 (public 함수로 이루어짐) View : 로직 처리 (Model로부터 데이터를 가져옴) Template : 사용자가 보게 될 화면의 모습을 정의 장점 - 사용자 인터페이스로부터 비즈니스를 분리해서 서로 영향 없이 고칠 수 있게 해주는 애...

HTTP란? HyperText Transfer Protocol 웹 상에서 클라이언트와 서버가 Request와 Response로 정보를 주고 받는 프로토콜 특징 Stateless : 독립적이다. 이전 상태를 저장하지 않는다. (로그인 등 권한 부여를 위해 세션, 쿠키, 토큰을 이용한다.) 장점 : 서버 확장성 단점 : 클라이언트가 추가 데이터를 전송해야함....

1. 프로젝트 폴더 내에 Model.py 작성 > Database와 연동해주기 위해서 mirgrate 하기 전에, 항목별 이름 및 데이터 타입을 지정해준다. 객체를 정의하는 class 뒤에는 모델의 이름을 작성한다. 모델 이름은 단수로 첫 글자는 대문자로 정의한다. models.Model은 Django의 models 클래스를 가져왔다는 의미이다. Meta...

주인 & 강아지 > Database Tables 주인 = 이름, 이메일, 나이 강아지 = 이름, 나이, 주인_id (ForeignKey) Client로부터 request를 받으면 json안에 있는 데이터를 파싱해서 DataBase에 POST하고, DataBase안에 있는 데이터를 GET으로 반환하는 APP을 만들었다. json 파일 JavaScript...

배우 & 영화 >ManytoMany 관계에 있는 테이블을 ForeignKey로만 이루어진 중간테이블을 만들어서 한 번, ManytoManyfield를 이용해서 한 번, 총 2번 구현해보고 비교해볼 것이다. 1. ForeignKey 중간 테이블 models.py ![](https://images.velog.io/images/dwenup/post/8322c...

정규식을 사용하는 이유 정규식은 특정한 규칙을 가진 문자열의 집합을 표현하는데 사용하는 형식언어이다. 복잡하게 주어진 문자열에서 특정 형식을 찾아내고 그룹핑하며 교체도 가능하다. > _ex) 이메일 주소가 ㅁ@ㅁ.ㅁ 형식으로 구성되어있는지, 비밀번호가 8자리 이상이고 문자, 숫자 등의 1개 이상 포함되어 있는지_ re 모듈 사용 예시는 문장에서 숫자를 ...

Q 객체 quary parameter를 받아 DB의 데이터를 Q객체를 이용하여 필터링하고 값을 추출하는 경우의 코드이다. 처음 작성한 코드 수정한 코드 q객체에 아무것도 없을 경우, all()과 같다. 편리하고 확장성 면에서 유용하다. Dictionary를 이용한 parameter decode parameter를 이용해서 필터를 적용할 때, 위와 ...

python에서 로컬 DB에 데이터를 넣을 때, Postman, zshell을 이용해서 하나하나 넣어줬었다. 하지만 처리해야하는 데이터량이 많아지면 데이터를 한번에 등록할 수 있는 방법이 필요했다. 아래와 같이 csv read-create 방법을 이용할 경우 한꺼번에 많은 데이터를 등록할 수 있고, 또 다른 백엔드 개발자가 로컬 DB에 동일한 정보를 ...

장고 모델링 중, Foreignkey의 옵션 중 하나인 on_delete에 관해서 작성해보겠다. 바라보고 있는 데이터가DB에서 없어졌을 경우, 어떻게 해당 요소를 처리할 것인지 방법을 지정해주는 옵션이다. models.CASCADE ForeignKeyField를 포함한 모든 행을 삭제한다. models.PROTECT 해당 값이 삭제되지 않도록 PR...

목적 > 상품 상세 페이지에서 찜하기 버튼을 눌렀을 경우, 비회원일 경우, 찜하기 표시 Off + 로그인이 필요합니다. 회원일 경우, 해당 상품을 찜했는지 상세 페이지에서 확인 할 수 있어야 한다. 구조 > 처음에는 클래스를 별도로 만들고 상세페이지 뷰에서 조건을 지정하여 회원일 경우에는 데코레이터를 지나서 유무를 확인하고, 비회원일 경우에는 False를...

카카오 로그인 API를 이용해서 소셜 로그인을 구현해보았다. 소셜 로그인 과정은 아래와 같다. > 1. 유저가 카카오 로그인을 통해 인증코드를 받아 프론트로 전달한다. 프론트단에서 인증코드를 카카오 서버로 보내 카카오 토큰을 받아 백엔드 단으로 전달한다. 백엔드에서 토큰을 받아 다시 카카오 서버로 보내 유저 정보를 받아온다. 해당 유저 정보가 DB에 있...

이전에는 API를 작성하고 테스트할 때, zshell, Postman을 이용해서 내가 원하는 값이 출력되는지 확인하고 디버깅했다. 이번 2차 프로젝트부터는 Unit Test를 추가하기로 했다. Unit Test? 한 번의 실행으로 작성한 함수를 테스트하는 메소드 > 기능이 추가, 제거되거나 변경되었을때, 일련의 모든 테스트를 직접해보는 것은 시간, 비...

에어비앤비 클론 코딩 중, 원하는 기간에 예약이 가능한 숙소를 검색하는 기능을 구현하려고한다. 로직은 아래와 같다. > 1. 유저가 원하는 체크인 날짜가 숙소의 예약 기간에 있는지 확인하고 제외한다. (숙소 체크아웃 날짜에는 체크인이 가능하다! - D숙소 case) 예약된 숙소의 체크인 날짜가 유저가 원하는 예약 기간 사이에 있는지 확인하고 제외한다. (...