개발자 지식창고

Chrome Extension

크롬 확장 프로그램 - ColorZilla 사용법

프론트쪽 개발을 하다보면 특정 화면의 색상값을 알아 할때가 있습니다. 이럴때 사용하기 좋은 확장 프로그램을 소개 하려고 합니다. https://chrome.google.com/webstore/category/extensions?hl=ko Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com 사용 방법은 일단 크롬 웹스토어에서 ColorZilla를 검색한뒤 크롬에 추가를 눌러 받아줍니다. 그럼 오른쪽 상단에 보면 ColorZilla 아이콘이 뜨게되고 사용법은 일단 Page Color Picker Active를 선택해줍니다. 그럼 마우스 커서를 움직이면서 원하는 색상의 rgb값과 16진수 색상코드값을 알 수 있습니다. 그리고 C..

Language/Python

파이썬(Python) - Selenium iframe 제어하기

파이썬에서 selenium을 활용해서 자동화 작업시에 iframe 요소에 접근하려고 할때 접근을 못하는 경우가 있습니다. 이럴 경우에는 switch_to.frame()을 이용해서 지정된 프레임으로 포커스를 전환하고 작업을 완료후에 switch_to.default_content()를 이용해서 다시 기본 프레임으로 전환시켜 해결을 할 수 있습니다. # iframe에 접근 driver.switch_to.frame('frame_name') # # iframe에 접근하여 작업 # # 기본 프레임으로 다시 전환 driver.switch_to.default_content() 참고자료 https://choihyuunmin.tistory.com/83

Language/Python

파이썬(Python) - VSCode 가상환경에서 디버깅시 BreakPoint 무시 에러

VSCode에서 파이썬 가상환경안에서 개발중 디버깅을 위해 BreakPoint찍고 돌려본적이 있었는데 BreakPoint에서 멈추지 않고 계속 실행되는 이상한 현상이 있었습니다. 이럴경우 해결방법은 간단합니다. launch.json파일에 들어가 justMyCode의 설정값을 true -> false로 값을 변경한뒤 실행하면 해결됩니다. justMyCode값은 외부 모듈을 debug 하고싶을때 설정하는 값으로 false값으로 설정하면 외부 모듈을 디버깅 할 수 있습니다.

Library/JQuery

Ajax 요청시 dataType과 contentType의 의미는 무엇일까요?

다음과 같은 ajax요청을 해본 경험이 있다면 dataType과 contentType의 의미에 대해 궁금해 한적이 한번은 있을 것 입니다. $.ajax({ url : '/signup', data : JSON.stringify(data), type : 'post', dataType: 'json', contentType: 'application/json; charset=utf-8' }).done(function(result) { console.log("회원가입 완료"); }).fail(function(xhr, status, errorThrown) { console.log("회원가입 실패"); }); dataType : 서버에서 어떤 타입을 받을 것인지를 의미합니다. 생략했을경우에는 jQuery가 MIME타입..

Language/Python

파이썬(Python) - 모듈 가져오기(import , from , as )

파이썬에서 모듈을 가져오기 위해서는 import가 무엇인지를 알아야 합니다. import를 사전에서 찾아보면 '가져오다'라는 뜻으로 컴퓨터에서는 '다른 컴퓨터 시스템으로부터 자기의 시스템 안에 데이터 등을 들여놓는 행위' 입니다. 그리고 모듈이란 독립적인 기능을 가지고있는 파일이라고 생각하면 됩니다. 1. import 사용법 기본적인 사용 방법은 아래와 같습니다. import 모듈명 math모듈을 예시로 접근하는 방법을 보겠습니다. 여기서 math모듈은 파이썬 설치시에 자동으로 설치되어있는 기본적인 라이브러리로 pip install math를 통해 설치할 필요가 없습니다. pip명령어를 이용하여 설치해야 하는 경우는 외부 라이브러리를 사용할때 필요합니다. 모듈안에있는 함수에 접근하기 위해서는 모듈명.함수..

Language/Python

파이썬(Python) - VScode에서 제공하는 task runner 설정

VScode에서 제공하는 task runner 설정 VScode에서 task.json파일을 만들어 단축키(ctrl+chift+B)로 해당 명령을 실행할 수 있도록 Run Task기능을 사용해 보겠습니다. { // See https://go.microsoft.com/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "2.0.0", "tasks": [ { "label": "Project Label", "type": "shell", "command": "python", "args": [ "${file}" ], "presentation": { "reveal": "always", "panel": "new" },..

Language/Python

파이썬(Python 기본문법)-01 기본출력(Separator옵션,end옵션,format함수) 및 Escape Code

기본출력 print함수를 사용하여 4가지의 방식으로 문자열을 출력 할 수 있습니다. print('Hello Python!') # 작은따옴표을 이용한 문자열 출력 print("Hello Python!")# 큰따옴표을 이용한 문자열 출력 # 큰따옴표 3개을 이용한 문자열 출력 print("""Hello Python !""") # 작은따옴표 3개을 이용한 문자열 출력 print('''Hello Python !''') 결과 값을 보면 작은따옴표3개와 큰따음표3개로 표현한 문자열은 작성한 그대로 출력 된 것 을 볼 수 있습니다. 작은따옴표와 큰따옵표로 작성한 문자열은 개행시 에러가 생겨 작성한 그대로 출력하고 싶을때는 3개씩 묶어서 사용해야 합니다. Separator옵션 , end옵션 여기에 추가적으로 Separ..

Library/JQuery

[jQuery / 제이쿼리] form전송 VS Ajax전송

form전송과 ajax전송의 차이 form전송 : 동기방식 ajax전송 : 비동기방식 여기서 동기와 비동기의 차이는? 동기(Synchronous)방식은 서버에 요청을 보냈을때 응답이 돌아와야 다음 동작을 수행할 수 있습니다. 비동기(Asynchronous)방식은 요청을 보내고 응답을 기다리지 않고 다음 동작을 수행할 수 있습니다. form 전송 (동기 방식) form전송 방식은 완료될때 페이지 전체가 리로드 되는 방식으로 submit type의 버튼 클릭시 form태그의 action에 있는 주소로 form태그안에 데이터를 보내고 서버에서는 name속성값으로 받을 수 있습니다. 가입하기 장점 : 1. 설계가 매우 간단하고 직관적입니다. 단점 : 1. 동기방식이라 전송요청을 보내고 응답이 올때까지 기다려야합..