코드존 코드존

Webview 로 연동된 내 도메인..로그는 어떻게 확인할 수 있나요ㅠ?1. 발단회사에서 개발한 솔루션을 고객사 WebView 내부에 연동하면서, 앱의 특정 기능을 트리거하는 Button Click 이벤트를 작성하게 되었다. 해당 과정에서 전달받은 WebView Bridge를 통해 Json 데이터를 전송하는데.... 외않되? 2. Slack api 등록앱 내부 이슈인지, WebView 이슈인지 확인하기 위해서 우선 WebView 내부 로그를 봐야겠다 생각하고..큰 동작은 없고, 전달하는 Json 데이터 및 WebView Bridge 의 존재 유무를 확인하는 정도라 앱 로그 확인의 기본(?)인 usb로 연결 및 크롬 inspect로 설정 까지는 필요 없어보여서 가볍게 slackhooks 를 사..

Javascript의 Class를 알아보자. Javascript에서 Class는 잘 안쓰이긴 하지만, Typescript를 공부하다보니 자연스럽게 Javascript의 Class에 대해서 찾아보게 되었다. Class란? 객체(Object) 생성을 위한 템플릿. 다양한 개별 인스턴스를 생성. Typescript의 인터페이스나 타입 별칭(alias)과 다른 개념. Constructor (생성자) 인스턴스로 생성된 객체를 초기화 하기 위한 특수 함수. new로 생성한 인스턴스에 파라미터로 넣어준 값들을 초기화 하며 저장. class TempClass { constructor () { ... } } class TempClass { constructor (first, last) { this.first = firs..

새로 생성한 react 프로젝트를 그대로 git에 올려보자 1. create-react-app을 사용하여 손쉽게 react 프로젝트를 생성할 수 있다. npx create-react-app을 하면 자동 git init이 실행되어 .git 폴더가 생성된다. .git 폴더는 안보일 수 있음! 폴더 -> 보기 -> 숨긴 항목 체크 되어있는지 확인~ npx create-react-app first-react-app 2. 깃 저장소를 생성한다. git init이 자동으로 되어있기 때문에, Add a README file은 선택하지 않았고 Add .gitignore도 none으로 진행했다. 만약 git init이 안되어 있다면 둘다 체크해주자! 3. main 브랜치를 생성해주자 -M main : main 브랜치 생..

원격 저장소로 Push하기 전, 로컬 저장소의 마지막 커밋을 수정해보자! 프로젝트를 진행하면 생각보다 방금 커밋한 내용에 추가 내용을 덧붙이고 싶을 때가 있는데, 1) 커밋 메시지 변경 2) 같은 task를 처리하는 다른 파일 3) 수정된 코드 등등.. 그럴때 사용하면 좋은 명령어이다 참고한 블로그는, https://seosh817.tistory.com/291 [Git] git commit --amend로 마지막 커밋 수정하기 기능을 만들고 커밋을 했는데 방금 올린 커밋 내용을 들여다보니 무언가 내용이 빠져있거나 잘못 올린 경우가 있습니다. 그럴 경우에 가장 간단한 방법인 git commit --amend 로 커밋을 수정해주면 seosh817.tistory.com 여기서 추가로, 커밋 메시지는 유지하고 ..

이미 원격 저장소에 push한 커밋을 취소하기 위한 대장정 프로젝트를 진행하다가 develop 브랜치에서 작업하던 커밋들을 main 브랜치로 커밋 메시지를 변경하여 push 하는 과정에서 엉망진창 와장창 난리가 나버렸다. 그래서 일단 결론은 모든 push 내용들을 reset 하고 다시 올려야 하는 상황에 놓여졌는데.... 참고한 블로그는, https://jupiny.com/2019/03/19/revert-commits-in-remote-repository/ 원격 저장소에 올라간 커밋 되돌리기 Git으로 버젼 관리를 하며 개발하다보면, 작성한 커밋들을 되돌려서 다시 이전 상태로 원상복구하고 싶은 경우가 한번쯤 있을 것이다. 만약 로컬까지만 저장된 커밋인 경우는 $ git reset 명령어를 jupiny.c..

Step 1. Settings Install Typescript FOLDER > npm install typescript --save-dev tsconfig.json 파일 생성 FOLDER > npx tsc --init 폴더 생성 (src, dist) FOLDER > mkdir src dist tsconfig.json 설정 변경 { "compilerOptions": { ... "outDir": "./dist", ... }, "include": ["src"] } Watch 모드 설정 FOLDER > npx tsc --watch Step 2. DOM tsconfig.json의 lib에서 "DOM"을 적용하거나, 주석 처리 Default인 경우 DOM 사용 가능 Javascript와 같은 방식으로 DOM 사용..

tsconfig.json 생성 Typscript 설정 변경 파일 생성 tsc --init 감시 모드 변경 사항 저장 후, 컴파일 실행(tsc 파일명.ts) 없이도 자동 컴파일 tsc -watch // 모든 .ts 파일 적용 tsc -w 파일명.ts // 특정 .ts 파일 적용 다중 파일 컴파일 tsconfig.json이 있는 폴더에서 tsc 선언시 모든 ts 파일 컴파일 tsc 특정 파일 컴파일 files 옵션 - 컴파일이 필요한 파일 작성 소규모의 프로젝트에 적합 // tsconfig.json "files": ["compile01.ts", "compile02.ts"] // Terminal tsc 특정 폴더 컴파일 Include / Exclude 옵션 - 폴더 전체를 Include 후 불필요한 파일을 E..

Interfaces 오직 객체 생성에만 사용 생성한 인터페이스가 객체가 되기위해 필요한 속성 모음 Custom Type 과 거의 동일하게 동작 interface Keyword { ... } interface Person { readonly id: number first: string last: string nickname?: string } let tomas: Person = { id: 123455, first: 'seo', last: 'tomas' } tomas.id = 423423 // ERROR - id is readonly Interface Method 속성 뒤에 괄호를 사용하여 메소드임을 명시 메소드의 반환 타입 지정 가능 interface Person { readonly id: number f..