본문 바로가기

오늘의 커밋

 (41)
2020.11.10 오늘의 커밋. React에서 Bottom이 Fixed일때 화면 크기에 따라 스크롤 자동 생성, 겹침 발생하지 않도록 처리. 오전에 간단하게 처리하려고 했던 내용입니다. 프론트앤드 개발자 단톡방에 물어봤던 내용. 현재 위 앱은 아이폰5나 아이폰se1과 같이 매우 작은 해상도의 스마트폰에서는 footer영역과 main 영역이 겹치는 문제가 있었습니다. 이유는 footer의 css가 아래와 같이 되어있기 때문이었죠. footer { width: 100%; position: absolute; bottom: 0; text-align: center; color: white; background: #80808030; } 위치가 고정이므로, dom에서 스크롤을 생성하기 위한 공간을 차지하지 않습니다. 구글링해보면 저와 같은 고민을 했던 개발자의 질문이 있죠 (검색 키워드 : footer position fixed overlap) stack..
2020.10.27 오늘의 커밋. 경험치 회사에서 공부하다가 새로운 사실을 알게되었다. 물론 ES6의 표준은 var 대신 let이나 const를 사용하도록 되어있지만, 나는 알고리즘 문제를 풀때 개발자 도구를 이용하며, 코드를 실행할때마다 화면을 재시작하지 않기 때문에, let과 const처럼 재선언이 불가능한 코드를 사용하기에 많이 불편했다. 또한 회사에서 주로 사용하는 언어가 ES6가 아니기 때문에 실제 업무에서 자주 사용하지도 않았다. 결국은 핑계지만 var를 엄청나게 사용한다. 그러다보니 알게 되었는데 변수 이름으로 name을 사용하면 안된다. window.name은 정해져있는 property이기 때문이다. var name = 100; console.log(name); => "100" name은 굉장히 자주 쓰는 변수명인데, 혹시라도 v..
2020.10.05 오늘의 커밋. 다작하기 오늘은 3가지를 했습니다. 1. 알고리즘 문제 풀던걸 대충 마무리 2. Duou lingo(가칭)의 화면 설계 3. Doostagram의 로직 수정 어쩌다보니 지금 손에 잡고있는 일이 많은데, 고민이 됩니다. 흥미가 떨어져 아예 프로젝트를 접어버릴 수 있을 것 같아 다양한 주제로 소규모 프로젝트를 동시에 하고 있는데, 제 몸은 하나이니만큼 진도가 더디고, 하나에 집중하지 못하니 정신이 산만하기도 하네요. 그렇다고 하나의 프로젝트만 계속 잡고 있으면, 다른 관심있는 분야에 대해서 너무 오랫동안 손대지 못할것도 같고, 흥미가 금방 떨어지는것도 생각해야겠죠. 항상 그렇지만 오늘도 역시 마무리는 하던대로 열심히 하자 입니다.
2020.09.30 오늘의 커밋. 여가를 즐기기 오늘은 하루종일 집에서 보냈습니다. 게임을 질리도록 하고, 웹서핑도 질리도록 하고, 10시가 한참 넘어서야 공부를 하고 책을 폈고 하루를 정리했죠. 썩 나쁜것은 아니지만 노는데에 쓰는 시간을 조금 줄여야하지않나 하는 생각은 계속 드네요. 제가 남들보다 공부량이 뒤떨어진다고 생각하지는 않지만, 질 높은 학습을 하는것은 아마 결코 아닐 것이고, 하고자 하는 욕심이 많은 편이기 때문에 지금보다 더 많이 공부해야 할 것 같습니다. 여러가지 문제가 있겠지만 노느라 공부 안하는게 제일 큰 문제 같아요. 이를 해결하기 위해서는 필히 여가시간을 줄여야 합니다. 생각해보면 알고리즘 문제풀이는 시간이 정말 금방금방 갑니다. 놀 시간에 알고리즘 문제 하나라도 더 풀어보자는 마인드로 좀 해봐야겠어요.
2020.09.23 오늘의 커밋. 반복과 반복과 가치있는 글 오늘도 어제와 동일하게 회사에서는 결함처리 집에서는 화면 개발을 했습니다. 이번에는 그래도 실질적인 성과가 있다는 점에서 어제와 다르긴 한데.. 최근에 쓴 글을 보니 일기라고 적어놓은게 똑같고 의미가 없더군요. 물론 그날 하루를 정리한다는 점에서 가치가 있을 수 있지만 그래도 역시 회사에서 -> 일한 거 쓰고 집에서 -> 공부한거 쓰고 이러는게 무슨의미가 있나 싶기도 합니다. 조금 가치있는 일기를 쓰기 위해서는 공부한걸 같이 정리해줘야겠습니다. 대략적으로라도요. 오늘은 map을 사용하여 JSX를 그리는 로직을 작성했습니다. map, reduce, filter 등은 분명 유용하게 사용할 수 있고, ES6 이후부터는 매우 빈번하게 사용되는 로직임에도 회사에서는 업무처리에 자주 사용하지 않아 익숙치 않은 코드..
2020.09.22 오늘의 커밋. 배움의 방법 오늘 회사에서 1. ActiveX 기반 환경 현 개발서버에 구성하여 디버깅을 용이하게 함 2. 잡다한 결함 2건 보고하였으며 해당 내용은 PM에게 보고됨. 오늘 집에서는 1. 리액트 기반 UI 구성 2. UI에 서버에서 보낸 데이터 세팅함 이러한 일이 있었습니다 오늘 안과에 갔었는데 심리적인 요인인지 병원에 다녀오고 나서부터 눈이 심하게 아프더군요. 녹내장이 아닐지 걱정이 되어 일에 집중을 하지 못했습니다. 조만간 정밀검사를 받아봐야겠습니다. 여튼 오늘은 염원하던 리액트로 UI를 작성하는것까지 성공했습니다. 파이썬에서 파싱 -> 노드에 전달 -> 리액트로 표시 가 드디어 완성된것이지요. 하지만 약간의 불만이 있습니다. 리액트를 제대로 공부한것은 아닐지라도 분명 리액트에 적지 않은 시간을 썼는데, 간단한 ..
2020.09.21 오늘의 커밋. 오픈준비 지난주 주말. 오픈 준비로 내내 회사에 있었습니다. 회사에서 소스를 체크하고, 문제가 되는 부분을 수정하는 나날.. 정말 재미없는 업무의 향연이었죠.. 황금같은 주말에 참 서글펐습니다. 하지만 꼴에 주말이라고 월요일이 되니 에너지가 조금은 회복되어 오늘은 정말로 바쁜 하루를 보냈습니다. [회사] 디버깅 없이 화면 source를 eye check로만 버그를 잡았습니다. 고객이 잡지 못한 버그를 찾아 수정했고, 오랫동안 해결하지 못했던 결함을 재현하는데 성공했습니다. 시스템 오픈 기념으로 핵심업무 개발자분들과 회를 조졌습니다. [집] BBC 뉴스 데이터를 파싱하여 노드에 뿌렸고, 이를 정리하여 array 형태로 보내는것에 성공했습니다. React 기반의 클라이언트 프로젝트를 생성하고, 리액트에서도 해당 데이..
2020.09.18 오늘의 커밋. 트러블 슈팅 방법 오늘은 회사에서 아무것도 안했고 집에서는 파이썬과 자바스크립트를 연동하다가 잘 안되어 해결 못하고 껏습니다. 하 슬프네요. 온갖 방법을 동원해보았지만 실패했습니다. 어쩔 수 없지요 오늘은 지났으니 내일을 기약하고 오늘은 쉬어야 합니다. 오늘은 제가 짠 BBC 파싱 프로그램(python으로 작성함)을 지금 작업하고있는 doostagram에 연동해보려 시도했습니다. 그런데 알 수 없는 이유로 연동이 안되는군요. 소스에 문제는 없어보이고 뭔가 설정이 잘못된 것 같습니다. 저는 이 문제를 해결하기 위해 아래와 같은 방법을 사용했습니다. 1. 소스 체크 2. 구글링 3. 질문 소스체크는 뭐 저 소스에 문제가 있는지 깊게 찾아보는 것인데 소스 자체가 단순하거니와 저 소스는 웹에 파이썬 연동방법으로 올라온 그대로 쓴..

티스토리툴바