일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- HTML
- typescript
- 개발자옷
- 지속 가능한 개발
- 프론트엔드
- JavaScript
- 프론트앤드
- 브랜드
- 타입스크립트
- Jeremy Winchester
- 생각정리
- Winchester
- 개발자패션
- 후드티
- 후드
- 개발자
- 책 후기
- 제레미윈체스터
- frontend
- 개발자후드
- clean code
- 맨투맨
- brand
- react
- 옷
- 티셔츠디자인
- 개발 책 리뷰
- 북 토크
- jeremy
- 티셔츠
- Today
- Total
목록기술의기록 (14)
Electronic Jeremy Record
윈도우에서 윈도우 창 끝에 두면 커서가 화살표로 바뀐다. 화살표를 드래그하면 해당 윈도우 창을 늘이거나 줄일 수 있다 . 이런 기능을 브라우저에서 구현해보려고 한다. 1. 사용할 윈도우 창 만들기 메모장을 만드는 걸로 해보려 한다. 윈도우 창의 우측하단 대각선 드래그 커서를 만드려고 한다. HTML을 이렇게 만들고 .memoDiv { width: 100px; height: 100px; background-color: gold; position: relative; } .sizeBtn { position : absolute; cursor:move; right:0; bottom:0; padding : 5px; background-color: transparent; border : none; } CSS는 이렇게..
웹 개발, 특히 프론트앤드 개발을 하다 보면 Form Control을 할 일이 자주 있다. 로그인, 회원 가입, 게시물 작성 등 꽤 자주 활용하게 된다. 보통 Form에 입력된 값들은 DB에 넣거나 조회하는 등 할 때 사용되는데 Submit 하기 전에 입력을 제대로 했는지, 빠진 값들은 없는지 하는 Validation 과정을 거친다. 이런 일련의 과정들을 매우 쉽게 구현할 수 있는 것이 있어 소개하고자 한다. "React Hook Form" 이다. React Hook Form 의 장점은 1. 코드 량이 적다. 2. Validation이 강력하다. 3. Error 잡기 좋다. 4. Input Control 유용하다 5. 이벤트를 신경쓰지 않아도 된다. 6. Input 처리가 간편하다 그럼 React Hoo..
개발자들이 본인의 소스를 공개하고 여러 개발자들이 같이 개발할 수 있게 지원해주는 것, git이다. 뭐 안 쓰는 사람이나, SVN을 쓰는 사람이나 여러 개발자들이 있겠지만 아마 대부분은 쓰는 것 같다 (채용 시 git을 필수로 요구하는 회사도 있다) git의 사용 이유 중에는 같은 프로젝트를 여러 개발자들이 함께 진행할 때 장점이 있는데 내가 개발한 소스를 반영할 때 내가 개발한 부분이 무엇이고 왜 했는지에 대한 설명을 써주면 다른 같이 개발하는 개발자가 이해하기 용이하다. 기존까진 commit 시에 git commit -m "커밋메세지" 이런 식으로 메시지를 관리해왔다. 하지만 같이 일하는 사람끼리 이 커밋 메시지의 규칙을 만든다면 좀 더 커밋을 이해하기 용이하리라 그 규칙을 매번 기억하고 작성하기엔 ..
TypeScript를 설치를 하고 사용할 준비를 하는 시작 과정이다. 순서는 간단하다. 1. 프로젝트 폴더에 tsconfig.json 파일 생성하기 2. 작성하기 3. TypeScript로 개발해보기 이 순서 중 1번은 뭐 설명이 별로 필요 없을 것 같고, 2번에 대한 내용을 포스팅해보려고 한다. TypeScript는 *.ts 파일을 컴파일하면 JavaScript 파일로 떨어진다(*. js) tsconfig.json 이 파일의 설정은 컴파일 시 Javascript에 어떤 식으로 떨어지는지 사전에 설정하는 파일이다. 잘 모르겠고 컴파일 별로 원하는 형태가 없다하면 그냥 tsconfig.json 파일에 이대로 배껴 쓰면 된다. { "compilerOptions": { "target": "es5", "mod..