본문 바로가기

Total

(220)
runtimeBuild.gradle WSL 환경에서 로컬 서버로 배포를 위한 gradle build script 사용방법 Probuilder WORKSPACE > {프로젝트명} 폴더에 이 파일의 압축을 현재 위치에서 풀어준다 ex) WORKSPACE => /mnt/c/install/STUDIO/superspace 프로젝트명 => devops1 runtimeBuild.zip 파일 위치 => /mnt/c/install/STUDIO/superspace/devops1/runtimeBuild.zip ※ 1_unzip_result.PNG 참고 {po7dev} 계정 접속 후 다음 명령어 실행(-b 뒤에 본인의 runtimeBuild.gradle 파일 경로를 잡아줘야 함) gradle -s cleanDir appDtoBuild appSrcCopy app..
snippet in vscode 이 글은 vscode 에서 스니펫(snippet) 기능을 다룬다. 스니펫이란 재사용 가능한 소스 코드를 의미한다. 즉, 자주 쓰는 코드를 저장해두고, 필요할 때마다 별칭을 통해 불러올 수 있다. 공식 문서 - https://code.visualstudio.com/docs/editor/userdefinedsnippets 예를 들어 상당히 자주 쓰지만, 매번 타이핑 하기가 귀찮다. 그래서 코드 패턴을 저장해놨다가, 매번 단어를 통해 불러오면 개발 환경에 있어, 많은 도움을 준다. 크게 직접 스니펫 코드를 만들 수도 있고, 플러그인을 통해 만들 수도 있다. 플러그인을 통해 쉽게 만들고, 그것을 쉽게 커스텀하는 것이 효율적이다. 본인은 띄어쓰기 등 조금 번거로울 수 있기 때문에 위와 같은 코드를 만들어주는 플러..
스크린 GIF로 만들기 링크 : https://www.screentogif.com/
VSCODE 아이콘 Visual Studio Code 의 Material 디자인 아이콘 링크 : https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme 출처: https://vscode.tistory.com/entry/Material-Icon-Theme?category=831270 [VSCode 로 개발하기]
VSCODE 확장자 추가하기 1.preference : ctrl + , 2.file association 검색 3. User settings -> file association -> "Edit in settings.json"을 클릭 4.내가 넣고 싶은 형식 삽입 - ex) "files.associations": {"*.tlf":"html"} https://bassyun.tistory.com/7
Semantic Commit Messages 정리 feat: (new feature for the user, not a new feature for build script) fix: (bug fix for the user, not a fix to a build script) docs: (changes to the documentation) style: (formatting, missing semi colons, etc; no production code change) refactor: (refactoring production code, eg. renaming a variable) test: (adding missing tests, refactoring tests; no production code change) chore: (updating grunt..
네이밍 컨벤션 들어가며 코드를 짤 때마다 변수에 어떻게 네이밍을 헤야 할 것인지가 고민이었다. 그 중에서도 가장 먼저 체계를 잡아줘야 하는 것이 케이스 문제인데, 언어마다 권장하는 케이스도 다르고, 하나의 프로젝트에서 케이스를 섞어 쓴다면 좋지 못한 코드가 되기 때문이다. 주변 사람들과 개발에 관한 얘기를 할 때마다 가끔씩 나오는 주제인데, 케이스의 이름을 항상 잊어버려서 이번에 블로그에 포스팅을 하여 잊어버리지 않게 되었으면 한다. lower 카멜 케이스 (lowerCamelCase) camelCase, backgroundColor, className 단봉낙타 표기법이라고도 한다. 보통 카멜 케이스라고 하면 lower 카멜 케이스를 의미한다. 각 단어의 첫 문자를 대문자로 표시하되, 이름의 첫 문자는 소문자로 적는다..
새 일정 캘린더 화면 작업 - 작성중 - 작업 결과물 1)div안에 icon-button, button-button이 있을때 top.js의 linear layout안에 작성하면 부모 div에서 "display : inline-block"이 먹히지 않아서 각각의 element를 linear layout으로 감싸주었다. div로 감싸지 않아도 "display : inline-block"이 먹히는지는 추후에 확인해 볼 예정 - CSS 에서 새로 알게 된 것 1) ::placeholder, :before등의 사용방식이 있다는 사실을 알게 되었다. 2) icon의 content를 url(../../파일경로) 방식으로 세팅 가능하다는 것을 알게 되었다. - http get 방식으로 아이콘을 가져온다. 어떻게 각 아이콘 파일로 라우팅이 가능한지는 확인해..