본문 바로가기

programming

 (124)
[Web] url로 queryparameter 쿼리파라미터 가져오기 지금 작성하는 글의 url을 캡쳐해보았다. 뒤쪽에 보면 ? 로 시작해서 & 로 이어지는 글자들이 보인다. type = post returnURL= %2Fmanage%2Fpost%2F 위의 경우는 이처럼 2가지의 쿼리 파라미터를 가지고 있다고 볼 수 있다. 그럼 html 상에서 위의 쿼리파라미터를 변수로 가져와서 사용하는 방법을 소개하겠다. $(document).ready(function() { var param_type = new URLSearchParams(location.search).get('type'); var param_returnURL = new URLSearchParams(location.search).get('returnURL'); console.log("param_type은? ", par..
[Web] div안에 div 가운데 정렬하기 웹 디자인을 하다보면 가장 많이 쓰는데 또 맨날 까먹는 것 중에 하나가 바로 가운데 정렬이다. 무의식적으로 바로 text-align : center 사용하고는 아 왜 안되지? 그다음은 이제, vertical-align : middle 사용하고는 아 왜 안되지? 무한 반복하다가, 아 맞다....하고는 최후의 수단? 만병통치약으로 사용하는 것이 바로 position을 사용한 가운데 정렬이다. 안녕? 레알 만병통치약이다. 부모 클래스에는 position : relative; 자식 클래스에는 position : absolute; top: 50%; left : 50%; transform: translate(-50%, -50%);
[Web] css 한 줄에 여러가지 색깔 넣기 한줄에 여러가지 색깔을 사용하려면 꼭 써줘야하는 css 속성이 있다. 오늘 해볼 것은 한줄에 여러가지 두가지 색상을 표현하고, 또 추가로 마우스를 가져다 대면 (hover) 색이 변하는 css를 구현해보려 한다. like this -> 가장 중요한 것은 바로바로 !!! display : inline-block 을 넣어 주는 것이다. 그리고 hover 속성을 전체 묶어주는 div에 주어야 마우스를 가져다 대면 동시에 모든 색상이 변할 수 있다. hover 속성을 main_titl_1:hover / main_titl_2:hover 이런식으로 따로따로 주게 되면 글자를 반 나눠서 왼쪽 반에 가져다 대면 왼쪽만 바뀌고, 오른쪽에 가져다 대면 오른쪽만 바뀌게 된다. (이런 효과를 원한다면 이렇게 따로따로 hove..
[Web] ajax로 불러온 요소(element)에 접근하기 ajax로 데이터를 불러와서 innerHtml로 신나게 때려박았다. 그리고는 다음 javascript에서 innerHtml로 박아 넣은 div의 id를 가져다 쓰려는데,,, 불러오지를 못했다. 일번 프로젝트 위의 코드로는 아무리 project_list를 눌러도 눌러지지 않는다.. (ajax로 불러와서 innerHtml 한경우만!!) ajax로 불러온 데이터들에 접근하려면 다른 방법을 사용해야한다. --> 해결방법 script 부문을 다음과 같이 바꿔보자
[Web] html 안에 html 넣기 (html import 하는 방법) html을 쭉 작성하다보면, 페이지별로 공통적인 부분이 존재한다. 이를 따로 파일화 하는 것을 모듈화 라고 한다. 따로 파일로 빼서 , 공통부분은 그 파일을 참조해서 만들어라 라고 하는 것이다. // 이 부분에 import 한 menu가 들어가게 되는 것이다. 내용 자주 사용하게 되어 따로 빼둔 html파일은 menu.html 이다. html에 header라는 id로 div를 만들어 둔다. (menu.html)이 들어가게 될 구멍이라고 보면 된다. $(document).ready(function() { -> 페이지가 로딩 되면 실행하라 라는 함수이므로, 로딩과 동시에 menu.html을 심으세요@!! 라는 뜻이라고 생각하면 된다.
[Python] 아나콘다 가상환경 이름 바꾸기(Change the name of the virtual env in Anaconda) 1. conda create --name 바꿀이름 --clone 기존이름 conda create --name py37_32 --clone python_env 2. 복사된 가상환경 확인
[Python] 아나콘다 32비트 가상환경 만들고 파이참에서 사용하기 (Making 32bit Python in Anaconda & Using virtual env in Pycharm) ***키움 Open API 연동오류 해결 방법 AttributeError: 'QAxWidget' object has no attribute 'OnEventConnect' 오탈자도 없는데, 위와 같은 문제가 생겼다. 찾아보니, bit가 안맞아서 발생하는 문제였다. OPEN API는 32bit인데, 내가 사용하던 파이썬은 64bit이기 때문이다. 결론적으로는 파이썬 32bit 가상환경을 만들어서 파이참에서 사용하면 된다. 1. 아나콘다 프롬프트 실행 (1. Anaconda Prompt) 2. 파이썬 32비트로 설정 (2. setting 32bit python) set CONDA_FORCE_32BIT=1 3. 파이썬 가상환경 설치 (3. install 32bit python virtual env) 가상환경이름..
[Python] 네이버 이미지 크롤링하기 크롤링이란? 웹페이지에 있는 정보를 내가 원하는 것만 뽑아서 수집하는 것이다. 주로 크롤링으로 많이 하는 것들은 이미지 파일들이다. 이번에는 파이썬을 사용하여 이미지를 크롤링하고, 크롤링한 이미지 파일들을 opencv를 이용해서 원하는 포맷으로 편집까지 해보려한다. 크롤링에 많이 사용하는 것들은 뷰티풀숲(Beautiful Soup) 이다. 하지만 정적인 콘텐츠가 아니고, 동적인 콘텐츠의 경우 실제로 웹 창이 열려야 이미지 소스들이 그제서야(?) 웹페이지에 다운이 되는 경우가 많이 있다. 그래서 셀레니움(Selenium)을 사용한다. 1. 필요한 모듈을 설치한다. !pip install bs4 !pip install selenium !pip install opencv-python 2. 필요한 모듈을 imp..
[Python] 파이썬 DataFrame(데이터프레임) 인덱싱, 슬라이싱 인덱싱은 필요한 칼럼이나 로우를 인덱스로 가져오는 것이다. 슬라이싱은 필요한 부분만 남기고 잘라내는 것이다. 1) .loc : 명시된 인덱스 참조 import numpy as np import pandas as pd family_df = pd.DataFrame({"Gender":gender_series, "Age":age_series, "Job":job_series}) Gender Age Job Flin Male NaN Student Hank Male 30.0 DEA Mary Female 25.0 Doctor Skyler Female 38.0 Accountant # "Hank"라고 명시적으로 인덱스 표기하여 데이터 추출하기 print(family_df.loc["Hank"]) # 결과 Gender Male..
[Git] 원격 브랜치 로컬pc로 가져와서 작업하기 ( + 에러 해결 fatal: Ambiguous object name: 'origin/tom_20211220_refreshTokenApply') 원격 레포지토리에 있는 브랜치를 로컬 PC로 가져와서 작업하기 1. remote branch 정보를 최신으로 업데이트하기 (master에서 진행) git remote update 2. 어떤 브랜치를 가져올지 정확한 브랜치명 확인 (master에서 진행) git branch -r 3. 원격 브랜치를 로컬로 가져오기 (master에서 진행) git branch -t origin/tom_20211220_refreshTokenApply 4. 생성된 브랜치 확인 git branch 5. 생성된 브랜치로 이동 git checkout origin/tom_20211220_refreshTokenApply 6. 이동한 브랜치 다시한번 pull 확인 git pull origin tom_20211220_refreshToken..

티스토리툴바