비실이의 개발 성장기

typescript 선택은 아주 만족스러웠다 javascript 로 개발하다 보면 타입 체크를 위한 조건문을 선언 해줘야 하는 경우가 있었다. typescript 를 사용하면서 타입 체크를 위한 조건문을 사용할 필요가 없었다. IDE 설정을 제대로 해주자 react 는 프레임워크가 아니다보니 디렉토리 구성이나 파일 명 등.. 제약이 없으나, 프로젝트 규모가 점차 커지면서 내가 구성한 구조에 불신(?) 이 생길 때가 있다. 하지만, IDE 설정을 제대로 해준다면 디렉토리나 파일 위치 또는 이름을 변경하면 발생하는 경로 수정을 자동으로 해주기에 신경 쓰지 않아도 된다. eslint 와 prettier 는 사용하는게 좋다 코드를 작성하다보면 함수 표현식 끝에 세미콜론을 붙이거나 안 붙이거나 뒤죽박죽 일 때가 ..

git update-index --assume-unchanged [file path] > 원격 저장소에도 필요하고 로컬 워킹 디렉토리에도 존재해야 하는 파일이나, 내용 수정이 되어도 추적은 되지 않게 할 때 사용한다. 예) ABC 사이트 접속을 위한 토큰 상수가 선언 된 tokenInfo 파일이 있다. tokenInfo 파일은 프로젝트 빌드에 필요하므로 원격 저장소에 푸시 된 상태다. tokenInfo 에 토큰정보는 프로젝트 작업자(개발자) 마다 서로 다른 토큰을 사용한다. A 개발자가 로컬에서 작업을 위해 tokenInfo 에 토큰정보를 변경했다. git 은 tokenInfo 파일 내용이 변경되었으므로 추적을 한다. 이 때, git update-index --assume-unchanged [file p..

2018년부터 초 중 고등학교에 단계적으로 소프트웨어 교육이 의무화 된다고 한다. 내가 거주 중인 아파트에도 SW코딩 교육을 위한 학원 개설 관련 현수막이 눈에 띄게 많아졌다. 수강대상은 초 중 학생들이므로 처음부터 프로그래밍 언어를 사용하여 무언가를 만들기에는 어려움이 따를 수 있다. 아이들도 쉽게 코딩을 할 수 있도록 미국 MIT Media Lab 에서 스크래치(Scratch) 라는 교육용 프로그래밍 언어를 만들었다. 스크래치는 C나 C++ 와 같이 코드형태로 작성하는게 아닌 어릴적 가지고 놀던 레고와 같은 블럭을 드래그 앤 드롭하여 로직을 만들어가는 형태로 코딩을 모르는 아이들도 재미있게 교육을 받을 수 있게 구성되어 있다. 스크래치 공식 홈페이지: https://scratch.mit.edu/ 영국..

예전에 간단하게 해 본 예제들은 github에 올려서 보관하고 있다. 최근에 만들어보고 싶은게 생겨서 git repo를 만들고 필요한 npm 패키지들을 설치하니 commit 해야하는 파일들이 매번 늘어나는 이슈가 있었다. 예전에도 이 부분에 대해 고민한 적이 있는데, 그걸 오늘에서야 해결하게 되었다.. 프로젝트 작업을 진행한 로컬 디렉토리를 git repo 연동하면 최상위 경로에 .gitigore 파일이 존재한다. 이 파일에 commit을 원치않는 디렉토리나 파일을 설정하면 npm을 통해 새로운 모듈을 추가해도 commit시에 반영되지 않는다. 위에 설정은 node_modules 디렉토리와 .vscode 디렉토리와 그 하위에 존재하는 디렉토리나 파일들이 추가되거나 수정사항이 발생해도 commit 시 반영..

17.10.16 (월) 숭실대학교에 재학 중인 컴퓨터, 소프트웨어학부 학생들을 대상으로 세미나가 있었다. 오늘 들은 세미나는 '실용주의적 인공지능' 에 대한 주제로 강용성 (주)와이즈넛 대표이사님이 강의 해 주셨다. 강용성 이사님은 (주)와이즈넛 대표이사와 동시에 빅데이터 기업 C&C 협의회 회장, 한국지능정보산업협회 부회장으로 활동을 하고 계시다. 세미나는 숭실대학교 정보과학관에서 오후 7시부터 약 두시간 정도 진행되었다. 강의 해 주신 내용의 전체를 메모하기 보다는 키워드에 중점을 두고 메모하였다. ----- - 금일 강의에 오시기 전, 두바이에서 열린 GITEX 세미나에 참석. https://www.gitex.com - 드론 택시가 있었는데, 아랍에미리트는 대부분이 모래사막이어서 차량으로 이동하기가..

클라이언트의 접속환경이 PC 이면 Desktop 버전으로, 스마트폰이나 태블릿이면 Mobile 버전의 웹 페이지로 분기하는 방법 입니다. 분기가 필요한 php의 가장 첫번째 줄에 아래의 코드를 추가하거나, PC & Mobile 분기로직 처리만 담당하는 php 파일을 만들어 아래 코드를 넣은 후에 필요한 곳에 include 하는 방식으로 합니다. 저는 아래코드를 index.php 에만 추가 한 뒤, PC & Mobile 소스로 분기하도록 작성 했었습니다. (반드시 첫번째 줄에 추가하셔야 합니다.) 해당소스를 보면 가장 첫번째 줄에 Web서버에서 클라이언트의 HTTP_USER_AGENT 정보를 가져오는 코드가 있습니다. 그 다음, 조건문이 있는데 정규식을 통해 useragent에 모바일 관련 문자가 있을 경..

자주 사용하는 명령어 위주로 작성, 추가 하고 있습니다. npm 명령어 기능 npm update [모듈명] npm으로 설치된 모듈을 최신버전으로 업데이트 한다. npm outdated [모듈명] npm으로 설치된 모듈 중, 최신버전으로 업데이트가 가능한 목록을 보여준다. npm install 모듈명 입력한 모듈명이 존재하는 경우, 해당 모듈을 설치한다. npm install 모듈명 --save 입력한 모듈명을 설치하고, 현재 경로에 package.json이 존재하는 경우에 dependencies 객체에 해당 모듈을 추가한다. npm install 모듈명 --save-dev 입력한 모듈명을 설치하고, 현재 경로에 package.json이 존재하는 경우에devDependencies 객체에 해당 모듈을 추가한..

지난주 목요일에 아두이노 키트가 도착했다..! 임베디드를 전공한 친구에게 물어보니 아두이노 보드에는 정품과 정품이 아닌 일명 짝퉁.. 보드가 있다고 한다. 가격은 당연히 정품이 비싸며, 괜히 정품으로 가지고 놀다가 자칫하여 보드가 손상되면 재구매를 해야했기에 저렴한 짝퉁보드로 구매를 했다. 상자를 열어보니 마치 어릴적 만원짜리 종합과자선물 세트를 보는 것 같았다. 중학교 과학실에서 봤던 녀석들도 보였고 ... 리모콘?? 과 각종 센서들도 있었다. 허나 지금 나에게 필요한건 이 녀석! 아두이노 UNO보드 이 조그마한 보드에 OS를 탑재할 수 있다고 한다. (신기..>