차마시는 개발자

데스크톱 앱 위치, 사이즈 저장 사용 기술 NW.js js, html, css 문제 데스크톱 앱 위치, 사이즈 저장 오류 저희 프로그램은 NW.js의 2가지 버전(0.24.4, 0.72.0)을 호환되어야 합니다. 그리고 데스크톱 앱을 종료하고 시작했을 경우 위치와 사이즈를 기억해야 하기 때문에 NW.js event를 이용하여 값을 localStorage를 사용해서 사용했습니다. 그럼 무엇을 고려했어야 했을까요? window 7, 32bit까지 + 엄청 느린 컴퓨터에서도 동작하는 경우 로그인 화면과 로그인 후 화면에서 적용되어야 합니다. NW.js 0.24.4, 0.72.0 2가지 버전을 고려해야 합니다. NW.js Event 동작을 고려해야 합니다. 위치가 이상할 때 실행은 되지만 화면에 안 보이는 경우..

프로젝트 회고 이번에 안경을 도매로 판매하는 회사의 영업사원들을 위한 웹/앱을 메인 개발자로 진행을 했습니다. 즉, 100명 이상의 영업사원이 대금을 받으러 다닐 때 사용하는 웹/앱을 만들었습니다. (웹 프론트 개발과 Flutter 개발을 맡아서 진행하였습니다) 디자이너분과의 문제 이때 디자이너분과 처음 합을 맞추는 것이어서 디자이너분이 어떠한 방식으로 일을 하고 있는지 파악하는 시간이 필요했습니다. 그러나 급하게 완성해야 해서 서로를 파악하는 시간이 부족했고 삐걱대기 시작했습니다.... 디자이너분은 회사에 거의 8년 이상 계셨던 분이어서 다른 팀원들은 디자이너분이 만들어 놓은 대로 많이 따랐습니다. 그리고 저는 신입이지만 뭔가 잘하고 싶은 마음에 하나하나 같이 이야기하고 좀 저의 의견도 들어갔으면 했지..

어떻게 하면 메뉴를 쉽게 짤 수 있을까? (데이터 구조 관련) 이번에 Style Guide Menu를 수정하는 부분을 맡았습니다. 처음에는 CSS 만 수정하면 되는 줄 알았으나 값들의 데이터 구조를 잘 조합하여 데이터가 많아질 경우를 대처하고 한 눈에 보이고 간략한 코드를 짜는 것이 주된 목적입니다. 사용 기술 HTML, CSS, JavaScript, Svelte 변경 전 Data 형태 간단하게 말하면 [{}]와 같은 형태로 되어 있습니다. let url = [ { MENU_NAME: "1", MENU_URL: "/dev" }, { MENU_NAME: "2", MENU_URL: "/dev" }, ]; 그래서 Svelte에서 다음과 같이 뿌려주면 됩니다. {#each url as menu} //routin..

Layout을 짜는 이유? 서비스 팀이 사용가능한 간단한 도수 변환 프로그램을 개발한 후 이에 관해서 발표를 진행 할때 Layout란? Layout을 왜 짜는 것인가? 라는 질문을 받게 되었습니다. 단순히 구조를 잘 파악하기 위해서 짜는 줄 알고 명확한 답을 내릴 수 없었습니다. 그래서 다시 찾아보게 되었습니다. Layout? 정의를 살펴보면 Layout is the process of calculating the position of objects in space subject to various constrains. 레이아웃은 다양한 제약 조건에 따라 공간에서 객체의 위치를 계산하는 프로세스입니다. 라고 Wiki에 정의되어 있습니다. 여러 의미를 본 결과 Layout은 여러 요소(덩어리들)를 배열하는..