#JSON 문자열을 객체로 변환 및 출력 import json #JSON 문자열 #종료를 의미하는 세미콜론(;)의 경우 붙여도 에러가 나는 것은 아니나 보통 파이썬에서는 안 붙인다. jsonStr='{"id": 1004,"name": "Json Kim","age": 22,"email": "jsonkim@test.com","logdata": [{"date": "2010-01-13","device": "pc(windows os)"},{"date": "2010-10-24","device": "mobile"},{"date": "2010-12-31","device": "pc(mac os)"}]}' print(type(jsonStr)) # str #JSON문자열 데이터-->파이썬 딕셔너리 타입 jsonObj=jso..
전체 글
#파이썬에서의 JSON데이터 처리 # [1] # JSON데이터 처리란? # 클라이언트와 서버 사이에서 데이터를 교환시 파이썬의 객체 타입을 문자열 데이터로 또는 문자열 데이터를 파이썬의 객체 타입으로 변환 # 파이썬의 대표적인 자료구조 4개 --> List, Tuple, Dictionary, Set # [2] # 파이썬 딕셔너리 타입이란? # 파이썬 자료구조의 한 형태. "키(key):값(value)" 쌍을 요소로 갖는 컬렉션 객체 # 키(key)를 통하여 빠르게 값(value)을 찾아내는 해시테이블(Hash Table)구조를 가지는 객체 # 파이썬에서 딕셔너리 객체는 "dict" 클래스 구현되어 있음. # 딕셔너리의 키(key)는 값을 변경할 수 없다. --> 즉, Immutable 속성.(변경이 불가..
1. 서버 템플릿 엔진 템플릿 엔진 : 지정된 템플릿 양식 + 데이터 = HTML문서를 출력하는 소프트웨어 Ex) JSP, Freemarker, React, Vue의 View파일 서버 템플릿 엔진 : JSP, Freemarker 클라이언트 템플릿 엔진 : React, Vue ★자바스크립트에서 JSP나 Freemarker처럼 자바 코드를 사용할 순 없나요? css와 js의 위치가 다른 이유? 페이지 로딩 속도를 높이기 위해 css는 header에 js는 footer에 HTML은 위에서부터 코드가 실행되기 때문에 head가 다 실행되고서야 body가 실행된다 js의 용량이 크면 클수록 body 부분의 실행이 늦어지기 때문에 js는 body 하단에 두어 화면이 다 그려진 뒤에 호출하는 것이 좋다. css는 화..
Responsive Table with Bootstrap 4 # table_head table_head table_head table_head table_head table_head table_head table_head table_head 1 2 3 4 5 6 7 8 9 10
1. table-bordered 적용 전 적용 후 2. table-striped 적용 전 적용 후 3. table-dark, table-light 적용 전 적용 후 4. thead에만 다크 적용도 가능 : class=thead-dark. 물론 이 반대도 가능 적용 전 적용 후 5. colspan 사용 적용 전 적용 후 tr class ="bg-success" -> 색깔 변경 6. table-hover : 테이블에 마우스를 올렸을 때 색깔 반전 적용 전 적용 후 7. table-sm : small로써 컴팩트하고 피트하게 맞춰줌. 폰트사이즈도 고려. 적용 전 적용 후 8. tr, td : class="table-info", "table-danger", "table-success" 적용 전 적용 후 9. tr..
Bootstrap Table Example with faded secondary text ID Name Age Address Gender Job Hobby 1 홍길동 22 서울시 서초구 양재동 OO물산 307-12,1408 Male Programmer 영화보기 2 이순신 33 부산광역시 해운대구 해운대동 OO물산 307-12,1408 Female Designer 음악감상 3 강감찬 44 인천시 서구 서구동 OO물산 307-12, 1408 Male Manager 우표수집 1. 기존 Table을 생성하면 가로 여백이 없이 화면이 꽉 찬 테이블이 생성된다. 2. 부트스트랩을 통해 조정해주자. 3. table class = table -> 이쁘게 생긴 테이블(하지만 가로 여백 꽉 차있다.) 4. table 태그..