본문 바로가기

전체 글174

[JavaScript] 로딩(Loading)바 만들기 (submit시 로딩 표현하기) CSS 로딩UI 만들기 #2. 시간차를 두고 스케일 조절 반복하는 원(Circle)앞전에 CSS를 사용하여 회전하는 원 로딩 UI을 만든적이 있다. CSS 로딩UI 만들기 #1. 회전하는 원(Circle)CSS 로딩UI 만들기 #1. 회전하는 원(Circle) 웹사이트에 자주 사용되는 로딩 UI 중, 무한으로 회전하는 원(Circle)을 사용하는 경우가 있다. 이때 돌아가는 원을 GIF이미지로 만들어 사용하는 경우도 있는데 그 경..code-study.tistory.com이번에는 세개의 원을 나열해두고 각각 시간차를 두고 일정은 크기로 커졌다 작아졌다 하는 로딩 UI를 만들어보려고 한다. 이미지를 보지 않으면 설명이 어려우니 우선 결과물부터 보자. 시간차를 두고 스케일 조절을 반복하는 원들 (로딩UI)먼.. 2023. 4. 23.
[Python] Pandas Dataframe - 데이터프레임(엑셀 데이터) HTML 테이블 태그로 변환하기 (Flask DataFrame to html table) * 파싱할 엑셀파일flask와 pd.DataFrame 연동하기저는 데이터는 일단 엑셀 파일로 들어온다고 가정합니다. 따라서 pandas를 이용해서 엑셀을 dataframe로 변환해서 처리하는 것이 반드시 필요하죠.flask에서 dataframe를 연동하는 것에 문제가 없는지 확인해봅니다.make and read excel file아래 코드를 이용해서 url 요청이 오면 엑셀 파일을 만들고 엑셀 파일을 html로 변환해주는 형식으로 처리했습니다.python run.py를 수행하면 알아서 엑셀 파일이 만들어지고 해당 엑셀 파일을 읽고 html로 변환하여 화면에 뿌려줍니다.아래 코드만으로 수행하면, 어쨌든 웹 브라우저에서 dataframe의 내용이 그대로 뜹니다. 일단 이정도로만 해도 뭐 일단 보기는 문제가 .. 2023. 4. 23.
[UTIL] 더미 데이터 만들기 - Mockaroo (SQL, JSON, 엑셀, XML, CSV) Mockaroowww.mockaroo.com/ Mockaroo - Random Data Generator and API Mocking Tool | JSON / CSV / SQL / ExcelMock your back-end API and start coding your UI today. It's hard to put together a meaningful UI prototype without making real requests to an API. By making real requests, you'll uncover problems with application flow, timing, and API design early, improviwww.mockaroo.comMockaroo는 랜덤으로 데이터를 .. 2023. 4. 22.
[Flask] 플라스크 MVT 패턴(Model-View-Template) 《 Flask에서의 MVT 패턴 (Model - View - Template) 》 ● Model : 데이터베이스와 상호작용하며, 데이터의 CRUD 작업을 수행하는 모델을 정의 (models.py) ● View(Controller) : 사용자의 액션을 받아서 Model에 데이터를 전달하고, 그 결과를 Template에게 전달하는 뷰 함수를 정의 (routes.py) ● Template(View) : 뷰에서 받은 데이터를 템플릿 엔진을 통해 렌더링하여 사용자에게 보여주는 역할을 합니다 (login.html) 전통적인 MVC 패턴 ● Model : 데이터와 비즈니스 로직을 처리 ● View : 사용자 인터페이스를 처리 ● Controller : Model과 View 사이의 상호작용을 조정 《 파일의 역할 》 .. 2023. 4. 19.
[Flask] 파이썬 플라스크(Flask) 서버 실행하기 python run.py 2023. 4. 19.
[GitHub] Git Branch, Github 협업 방법 master 브랜치 복사해서 "석유" 라는 새로운 브랜치를 생성 방법git clone시 최초엔 리모트의 master 브랜치만 로컬에 존재한다.이때 -t 등의 옵션을 주어 checkout을 하면 로컬에 원하는 브랜치가 생성되는 동시에 해당 브랜치로 이동한다.옵션을 주지 않으면 단순히 해당 브랜치를 원격저장소를 통해 참조할 뿐 로컬에서 commit이나 push등을 할 수 없다. git clone url : 원격 브랜치를 클론.git branch -a : 원격&로컬의 모든 브랜치를 표시git branch -r : 원격 브랜치만 표시git checkout -t 원격저장소이름/브랜치이름 : 원격저장소의 해당 브랜치를 로컬에도 생성한 뒤 해당 브랜치로 이동특정 브랜치 내려받기git clone -b 부트스트랩적용 -.. 2023. 4. 19.
[DBeaver] PostgreSQL 모든 데이터베이스 보이게 하기 1. Edit Connection2. Connection settings3. Click PostgreSQL Tab4. Check Show all databases DBeaver에서 PostgreSQL 데이터베이스 접속 설정을 마치면 디폴트로 설정에서 선택한 데이터베이스만 표시됩니다. 그러나 작업 중에는 다른 데이터베이스의 내용을 확인할 필요가 있을 경우가 있습니다. 다음과 같이 Connection settings 설정으로 DBeaver에서 모든 데이터베이스를 확인할 수 있습니다. 2023. 4. 14.
[광고솔루션] 기술면접 질문 정리 기술스택JAVAWeb ServiceDBLinuxHTML, javascript, CSS담당업무광고 솔루션 개발업무대용량 트래픽 서비스 개발 및 튜닝대용량 분석 처리 시스템 예상인터뷰- 애드 익스체인지(AD Exchange)- 광고주를 위한 DSP(Demand side Platform)- 매체를 위한 SSP(Supply side platform)매체를 위한 플랫폼, SSPSSP는 매체 측에서 매체의 이익을 극대화 하기 위한 플랫폼입니다. 각 매체들은 수익을 위해 가장 높은 단가의 광고를 찾고자 했습니다. 이를 위해 SSP는 여러 애드 네트워크, 애드 익스체인지, DSP를 연동하여 더 높은 광고비를 지불할 광고주를 찾을 수 있도록 돕습니다.SSP는 유저로 인해 매체에서 노출이 발생할 때 마다 비어있는 인벤토리.. 2023. 3. 30.
[CRM솔루션] 기술면접 질문 정리 기술스택JAVANode.jsPython담당업무CRM(Saleseforce Cloud) 솔루션 컨설팅 및 개발 예상인터뷰Salesforce CRMSalesforce CRM은 클라우드 기반 고객 관계 관리(CRM) 플랫폼으로, 기업이 고객과 상호작용을 향상시키고 비즈니스 프로세스를 효율적으로 관리할 수 있도록 도와줍니다. Salesforce CRM은 다양한 모듈과 기능을 제공하여, 고객 관리, 마케팅 자동화, 판매 관리, 서비스 관리, 분석 및 보고 등의 업무를 효율적으로 수행할 수 있습니다. 또한 Salesforce CRM은 다양한 산업군에 적용 가능하며, 사용자의 요구에 따라 유연하게 구성할 수 있습니다. Salesforce CRM은 기업 내부의 다양한 부서 및 팀 간의 협업을 촉진하고, 더 나은 고객 .. 2023. 3. 28.
728x90
반응형

티스토리툴바