일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- history api
- Regexp
- PM
- React
- 2020 포트폴리오
- Domination Game
- 리더
- 빠른 서버
- javascript
- iframe
- 물경력
- python
- Event Driven Architecture
- Django
- html
- 이벤트드리븐아키텍처
- CORB
- 느린 서버
- select css
- XFrameOptions
- typescript
- multiprocessing
- 동료리뷰
- 좋은 리더란
- select tag
- css
- 도메인 드리븐 디자인
- JS
- 스타트업
- gitcabinet
- Today
- Total
목록전체 글 (34)
개발하는 일상
작년 1월말에 목표를 한 달에 하나의 앱을 만들어 배포해야겠다고 생각했습니다. 목표를 정할 때 사실 한 달에 하나씩 만들면 적어도 3개는 걸리겠지 싶었는데요. 그래도 꽤 열심히 만들었다 생각했는데 중간에 접는 프로젝트도 생기고 해서 지금 보니 딱 3개 정도 된 것 같습니다^^; 간단하게 제가 하는 일과 일년동안 진행한 프로젝트를 정리해보았습니다. 회사에서 하는 일 처음 프로그래밍을 접하는 분들을 위한 웹 프로그래밍 강의를 하고 있습니다. 주로 한 과정에서 약 5개월 동안 python, Django, html, css, Vue를 가르칩니다. 진행한 프로젝트 회사 업무를 간편히 하려고 만든 것도 많지만, 회사에서 시킨 것은 아니고 다 제가 그냥 하고 싶어서 진행한 프로젝트입니다. repo가 있는 프로젝트는 ..
python의 map이 예상과 다르게 동작한다면? 입출력으로 문제를 풀어야 하는 플랫폼(백준, SWEA 등)에서 정수형 입력은 보통 다음과 같이 주어집니다. 1 2 3 4 5 6 7 8 9 10 input은 문자열을 return 하므로 숫자로 관리하기 위해 다음 코드를 사용하죠. numbers = map(int, input().split()) 만약 입력에 숫자 [3,6,9] 가 들어있는지 아닌지를 검사하기 위한 코드를 작성한다면? for i in [3, 6, 9]: if i in numbers: print('{} 들어있음'.format(i)) 3 들어있음 6 들어있음 9 들어있음 을 기대하고 작성했지만 실제로는 3 들어있음 밖에 출력되지 않습니다. Iterator와 map map 인스턴스(위 코드에서 n..
함수 입력과 출력, 블랙박스 등의 개념을 함수를 설명하면서 흔히 사용하지만, 저는 그것이 오히려 약간의 오해를 불러일으킬 수 있다고 생각합니다. 저는 프로그래밍을 처음 접하시는 분들을 자주 만나는데요. 그분들께서 주로 하셨던 잘못된 생각을 소개하며 함수를 알아보겠습니다. 특히, 파이썬의 주피터 노트북 같은 REPL(쉽게 말해서 코드를 실행한 결과를 바로 출력해주는 환경)에서 학습을 시작하셨다면 더욱 이런 오해를 가지기 쉽다고 생각합니다. 함수의 개념이 와 닿지 않았던 분들에게 도움이 되었으면 좋겠습니다. 수학에서의 함수 수학에서 말하는 함수와 프로그래밍에서 말하는 함수는 다르다 우리가 중학교를 거쳐 고등학교까지의 정규과정에서 배웠던 함수에는 반드시 입력(x)과 출력(y)이 존재합니다. y = x 같은 간..
어떤 요소의 이벤트리스너를 딱 한 번만 발동시키고 싶다면 어떻게 해야 할까요? addEventListner와 removeEventListner를 적절히 사용해야 되겠죠? 크게 3가지로 나눠 방법을 소개하겠습니다. 1. 함수에 이름 붙여 사용하기 function onClickFunction(){ eventTarget.removeEventListener('click', onClickFunction) alert('event has been removed') } eventTarget.addEventListener('click', onClickFunction) removeEventListener에 함수 이름이 인자로 필요하기 때문에 따로 선언하여 제거하는 모습입니다. 좀 더 간편한 방법은 없을까요? 2. once..
위와 같은 구글 폼 제출을 코드로 자동화해보겠습니다. 아래 링크는 제가 포스팅을 위해 만든 폼입니다.(forms.gle/jqS6 HzBgLVeZ1 nUc7) 설문지 자동화하기 docs.google.com 저처럼 먼저 제출해야 하는 구글 폼과 비슷한 테스트용 폼을 따로 만들어 개발할 때 사용하시길 바랍니다. 자동화가 올바르게 동작하는지 확인하실 수 있습니다. 구글 폼 작동 확인하기 구글 폼은 form 태그를 통해서 데이터를 제출합니다. 하지만 input으로 보이는 부분은 실제로 div 태그로 구성되어 있고, 데이터는 따로 hidden 타입 input에 담겨있습니다. 폼 제출 요청을 하기 위해서는 두 가지 정보가 필요한데요. 어디로 요청을 보낼 것인지 어떤 데이터를 어떤 이름으로 보낼 것인지 를 알아야 합니..
문제 상황 perspective 속성을 사용하다보면 의도와 다르게 이상하게 동작할 때가 있습니다. 저는 문을 만들면서 이 상황을 겪게 되었는데요. 아래의 네모박스에 마우스를 가져가면 마치 문이 열리는 듯한 동작을 하도록 만들었습니다. 처음 동작은 부드럽게 되는 듯 하나, 마우스를 빠르게 왔다갔다 해보시면 perspective가 매우 작게 설정된(매우 가까이 에서 문이 열린) 것 같은 효과가 발생합니다. 원인과 해결 방법 이 문제는 원치않게 perspective가 변할 때 발생하는데요. 보통 perspective의 초기값을 설정하지 않았을 때 이런 문제가 발생하니 이벤트가 발생하지 않았을 때 초기값을 잘 지정해주면 됩니다. 저의 경우는 door-front에서 opend클래스가 추가 되었을 때 transfo..