728x90 반응형 program33 자동완성 기능 autocomplete 사용법 #2171 HTML에 autocomplete라는 것이 있다. autocomplete 기본 자동완성 기능을 지정하는 속성으로 html에 사용된다. 기본적인 적용 방법은 다음과 같으며 각종 속성은 MDN에 잘 정리되어 있으니 참고하면 좋을 것 같다. HTML autocomplete 특성 - HTML: Hypertext Markup Language | MDN autocomplete 특성을 사용하면 사용자 에이전트의 자동완성을 허용할 양식 입력 필드를 지정할 수 있으며, 사용자 에이전트에게 어떤 정보에 대한 자동완성을 원하는지 안내할 수도 있습니다. developer.mozilla.org 기능 해제 MDN에도 정리되어 있는데 기능을 제어하기 위하여 off를 form에 지정하거나 개별적으로 지정하는 방법이 있다... 2021. 11. 26. 조금씩 jQuery 사용을 줄이기 위한 공부 #2168 시대가 변하고 있다. Angular, Vue, React 등의 새로운 언어들이 나오면서 '탈 jQuery' 진영이 많아지고 있는 사실을 부정할 수 없다. 흔히 업계에서 말하는 프런트엔드의 경우 jQuery를 무시하는 경향까지도 보이고 있다. 그렇지만 현장에서는 아직도 jQuery가 많이 사용되고 있으며 퍼블리셔라 불리는 HTML 마크업을 주로 코딩하는 분야에서는 태반이 jQuery로 작업을 하고 있다. jQuery도 계속해서 버전업을 하면서 점점 하위 버전의 브라우저를 버리고 있기 때문에 아마 꾸준히 발전하면서 사용될 것이다. 단지 시류가 ECMAScript를 강하게 원하고 있고 점점 더 강해질 것이라 여겨지기 때문에 jQuery만 바라보다간 밥줄이 끊길 것 같아 최소한의 ECMAScript는.. 2021. 11. 22. @supports 는 Edge, iOS 14.5, Android 4.5 부터 사용가능 #2166 올 한 해 동안(벌써 한 해가 지고 있다니...) 은행권에서 일하고 있다 보니 상당히, 상당히 보수적인 코딩만 하게 되면서 새로운 지식을 흡수하는데 인색하게 된 것 같아 공부를 하게 되었다. 하위 버전에 대한 고민도 필요하니 보수적으로 가는 것이 틀리지 않지만 새로운 것을 접하는데 과민하게 반응하시는 분들도 있어 실제 프로젝트에 도입할 수 있는 신규 기술은 무엇이 있을까 싶어 찾아보게 되었고, 그러던 와중에 알게 된 supports. 브라우저 별로 스타일을 구분시키는 방식인데 굳이 hack을 사용하지 않아도 되는 공식적인 hack이라고 할까... 모더나이저를 사용하지 않고도 가능하니 이런저런 라이브러리를 까는데 거부감이 있다면 초반에 나쁘지 않은 선택이 될 수도 있을 것 같아 보였다. @sup.. 2021. 11. 19. screen.height로 모바일 웹뷰 단말 창크기 구하기 #2159 요구사항은 다음과 같았다. 화면이 작은 단말에서 메뉴를 하나라도 더 보여주기 위해 스크롤 시 상단 일정 영역을 올렸다 내렸다 하는 UI였다. 해당 요구에 대한 구현은 다음과 같은 코드로 해결을 했었다. 이걸 해결한 것 까지는 좋았는데 실제로 개발에 적용하면서부터 문제가 생기기 시작했다. 모바일 대응에 Portrait만 신경쓰면 되었기에 혹시 모를 스크롤 영역에 대한 대비책으로 단말 크기를 체크해서 고정시켜두려고 했었다. 스크롤 영역이 단말기 크기마다 상이한 관계로 가변인 만큼 영향도가 없는 상단 고정 영역에 대한 높이 값을 가지고 있어야 조절이 가능해서 스크립트는 필수적으로 적용시켜야 했다. 윈도 창 높이 값을 가장 쉽게 구하는 방법은 jQuery를 사용하여 height를 구하는 방법이겠지만 .. 2021. 10. 31. 구글 Colaboratory에서 파이썬으로 퀀트투자 기초를. #2154 분위기에 편승해서이기도 하지만, 가지고 있는 자금으로 해볼 수 있는 투자처라고는 주식밖에 없어서기도 해서 올해 들어 주식투자를 시작했었다. 근데 뭐 솔직히 알아야 투자를 하지. 주식을 하면서 듣게 되는 잡다한 정보 중에서도 최근 퀀트 투자라고 불리는 가치주를 찾아 투자하는 방법이 꽤 인기몰이를 하고 있었고 그중에서 한 권을 접하게 되어 책을 읽어 나가고 있는 중이다. 이 책에서 다루는 파이썬은 특이하게도 설치형이 아닌 구글에서 제공하는 서비스인 Colaboratory을 사용해서 가능했다. 자 또다시 파이썬 쌩초보가 책 보고 따라 하며 파이썬을 통한 퀀트 투자가 무엇인지 접해보기 시작했다. 지금은 책의 도입부를 따라해보면서 체험 중이다. 우선 finterstellar 라이브러리를 설치하고 imp.. 2021. 10. 9. Uncaught SyntaxError: Invalid shorthand property initializer #2135 책을 보면서 공부 중인 초반 이론적인 부분을 말 그대로 '따라 하는'과정 중에 조우하게 된 에러가 있었다. 경험상 유심히 보면서 생각했다면 잘못된 것이라 생각했을 텐데 맹목적으로 책을 신뢰하다 보니 맹신하지 말라는 걸 배운 것 같다. Uncaught SyntaxError: Invalid shorthand property initializer 에러가 나왔다. 책에서 나와 있는 것이니 내가 틀렸을 것이라는 생각에 계속 보다 결국 문제점은 책의 오타. 객체에서 변수 설정 방법이 틀린 거였다. =가 아니라 : 를 사용해야 하는데 생긴 문제점이었다. 뭐랄까. 분명히 내가 알고 있는 지식선상의 문제인데, 알면서도 틀려서 분한 기분이었다. 2021. 7. 11. Object.assign(), Spread Operator #2114 자바스크립트를 공부 중이다. 그동안 눈에 잘 들어오지도 머리에 남지도 않았었는데 어떤 형태로든 아웃풋을 남기는 것이 기억에도 남고 좋을 것 같아 공부의 흔적을 남기려는 것이 목적이다. Object 이번에 공부한 내용은 객체에 대한 내용이었다. 어디에 사용하는 게 좋을지는 현시점에선 잘 모르겠고 착각일 수도 있지만 방법은 약간 이해가 된 것 같다. See the Pen 20210130_01 by minamiland (@minamiland) on CodePen. 기본적으로 객체는 복사하면 똑같다 [1] obj1에서 사용되는 객체가 있고, [2] obj2에 obj1을 대입하면 둘 다 동일한 값을 가지게 된다 [3]. 이때 [4] obj2에 다른 속성을 부여하면 간단히 생각하면 obj2 만 바뀔 것 .. 2021. 2. 1. Windows에서 Cortana 끄기 #2104 코타나, Cortana? 기본적인 컴퓨터 작업은 전부 Mac으로 하다 보니 Windows에 대해선 잘 모르긴 한다. 그런데 이렇게나 모르고 있었다니 새삼 놀라긴 했는데 역시 사람은 자신이 관심 없다 여겨지는 영역에 대한 정보를 잘 차단시키고 있는 것 같다. 이번에 노트북을 정리하다가 갑자기 눈에 들어오는 아이콘이 하나 있었는데 정말 생소했다. 이 동그라미는 무엇에 쓰는 물건인고? 알아보니 Cortana는 마이크로소프트에서 무려 2014년경에 발표한 인공지능 소프트웨어였는데 어째서 아직까지 한 번도 눈에 들어오지 않았던 걸까 스스로도 이해하기 힘들었다. 선택을 해보니 대뜸 내뱉는 소리가...뭔지도 모르겠구먼 사용할 수 없다고 한다. 아이콘이나 대충 메뉴가 위치해 있던 곳을 봤을 때 Mac의 Sh.. 2021. 1. 12. Vuetify 2.x 버전으로 레이아웃 잡기 #2070 Vutify 2.x 레이아웃 지난번에 Vuetify 프로젝트 이후로는 아마 하지 않으리라 예측했었는데.. 두 번째 Vuetify 프로젝트를 진행하고 있습니다. 지난번에는 1.x 였는데 2.x대로 업그레이드가 되었네요. 일단 기본적인 레이아웃을 구성하는 방법이 바뀌었습니다. 이번 포스팅에서는 기본적인 내용을 포함해서 다음 내용을 정리해 보려 합니다. 기본 블록 Button Group, Align Expansion Panel 기본 블록 1.x대에서는 다음과 같은 형식으로 블록을 지정해주었습니다. 이것이 2.x로 올라가면서 바뀌었습니다. 우선 좌우로 정렬시킬 경우입니다. See the Pen Vuetify layout 01 by minamiland (@minamiland) on CodePen. 다음.. 2020. 9. 26. Python 입문자의 오류 - '''와 줄 바꿈 문제 #2068 웹 크롤링을 따라 해보고 있는 중입니다. 문제 책에는 분명 다음과 같이 '''..url..'''로 표기되어 있었는데요. url=''' https://example.com/~ ''' 이것이 에러를 뿜어냅니다. 책과 코드를 몇 번을 비교하다 결국 저자의 github에서 답을 찾을 수 있었습니다. 표기상의 문제였던 거죠. 해결 1 해당 페이지의 예제를 확인하니 소스코드상에 '..url..'로 되어 있기에 표기를 고쳐서 수정하니.. 문제가 해결되었습니다. url='https://example.com/~' 해결 2 혹시나 싶어 문제의 코드도 개행을 없애고 다시 실행해 보니 문제없이 해결되는 것을 확인할 수 있었습니다. url='''https://example.com/~''' 줄 바꿈이 문제 처음에는 싱.. 2020. 9. 12. 알고리즘 - 1부터 n까지의 합계 #2063 알고리즘이 주어진 문제를 풀기 위한 절차나 방법이므로, 알고리즘이라는 것이 성립하기 위해서는 반드시 문제가 있어야 하고 그걸 해결하는 방법이 존재해야 합니다. 알고리즘 이 그림을 통해 알고리즘이 '입력 - 알고리즘 - 출력'의 과정이라는 것을 알 수 있었습니다. 단순히 알고리즘이라는 단어만 듣는 것 보다는 확실히 도식화 한 것을 기준으로 설명하니 이해가 빨라지는 것 같았습니다. 분석 합을 구하는 방식에는 몇가지가 있었습니다. 가우스의 방법처럼 앞과 뒤를 더해서 해결하는 방법도 있었습니다. 입력 크기와 계산 횟수 알고리즘에는 입력이 필요한데 입력 크기가 알고리즘의 수행 능력에 영향을 많이 끼친다고 합니다. 위쪽의 도식에 나오는 n이 입력크기에 해당하고 첫번째 보다 두번째 방식이 간결하고 좀더 똑.. 2020. 8. 22. 알고리즘 - 논리적으로 프로그래밍을 하기 위해 배워야 할 것 #2058 알고리즘(Algorithm)이라는 것이 있다고 들은 적이 있습니다. 단어부터 어려운 느낌입니다. 그래서 들은 척도 하지 않았고 솔직히 알려고도 하지 않았습니다. 개발자는 아니지만 간단한 스크립트는 작성하는 마크업 엔지니어의 위치에서 알고리즘의 필요성은 솔직히 느끼지 못하고 있었죠. 그러다가 이런저런 개발적인 요소에 관심을 가지게 되었고 책을 사보게 되었습니다. 착각일 수도 있지만 쉽게 나온 것 같다는 생각에 모두의 알고리즘 with 파이썬을 가지고 시간이 있을 때마다 조금씩 읽어 나가려는 계획 중에 있습니다. 알고리즘의 정의 알고리즘이란 어떠한 문제를 해결하기 위한 여러 동작들의 모임이다. 유한성을 가지며, 언젠가는 끝나야 하는 속성을 가지고 있다. 수학과 컴퓨터 과학에서 알고리즘이란 작동이 .. 2020. 8. 14. Python3 - 백트레이더 YahooFinanceData() 에러 #2054 책을 기준으로 백 트레이더(backtrader)를 따라 해 보고 있었습니다. 에러가 나오는 걸 확인하니 YahooFinanceData() 함수를 호출하면 생기는 에러이며 현재(2020년 8월)까지 수정이 되지 않았나 봅니다. 지금도 에러가 나오는 것을 보니.. 책에서 알려주는 수정 방법은 brackrader\feeds\yahoo.py 파일의 333라인을 수정하는 방법입니다. 파일 경로 제가 작업하는 환경은 Mac입니다. 책은 windows라서 Mac에 대한 가이드가 없다 보니 따로 찾아봤습니다. 우선 Windows는 다음과 같습니다. C:Users\사용자명\AppData\LocalPrograms\Python\PythonXX\Lib\site-package\backtrader\feeds\yahoo.. 2020. 8. 8. 이클립스의 Diff Viewer로 Beyond Compare 4 추천 #2053 처음으로 Beyond Compare 4를 사용해 봤는데 무척 좋은 툴인 것 같습니다. Mac에서는 Kaleidoscope를 예전부터 사용하고 있습니다. 반면에 Windows에서는 그동안 WinMerge라는 무료 툴을 사용해 오고 있었는데요 특별한 이유가 있던 건 아니고 Diff툴로서 처음으로 접했던 툴이어서 그 뒤로 그저 익숙해서 사용해 온 툴입니다. 최근 프로젝트에서 지인이 사용해보라며 제공해준 라이선스로 잠시 사용을 해보니 역시 상용 툴은 다르다는 생각을 하게 되었습니다. 좋네요. 여기저기 칭찬도 많고, 사용자 층이 두터운 느낌을 받았습니다. 프로젝트에서 주로 사용하는 것이 Eclipse이다 보니 Diff 툴도 기본으로 지원하는 녀석을 사용해 오고 있었는데 Beyond Compare를 설치.. 2020. 8. 4. Python3 - SSL 문제는 Certificates.command 파일로 해결하세요 #2052 Mac에서 책을 따라 하면서 공부 중인데 SSL 문제에 봉착했었습니다. 스크레이핑을 하는 도중에 생겼던 문제입니다. 알게 된 것은 이 문제가 HTTPS가 적용된 웹 페이지에 대해 스크레이핑을 시도할 경우에 생기는 거였습니다. urllib을 사용해서 진행하던 중에 다음과 같은 에러와 조우하게 되었는데요 ssl.SSLCertVerificationError: [SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed: unable to get local issuer certificate (_ssl.c:1123) 해답을 찾아 한참을 떠돌아다니다 알게 되었습니다. 이 문제는 파이썬이 설치된 경로에 들어가서 Install Certificates.command.. 2020. 8. 1. 이전 1 2 3 다음 728x90 반응형
