일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- intersection type
- 채팅개발
- useMemo
- 프론트앤드개발자
- 타입스크립트 기초
- 유니온타입
- 프론트앤드 사이드프로젝트
- next.js
- Union Type
- 프론트앤드 개발자
- 리액트
- useCallback
- 리터럴타입
- 프론트앤드
- 인터섹션타입
- frontend
- prompth
- 자바스크립트
- react
- typescript
- react기초
- CSS
- 프론트앤드 기초
- 개발일기
- javascript 수학
- 프론트앤드개발
- html
- 타입스크립트
- javascript
- 리액트기초
- Today
- Total
목록개발일기 (5)
404 page not found : 기록장

취업 후 첫 사이드 프로젝트로 LOACUT | 로생네컷 을 개발하는 첫 사이드 프로젝트를 진행하고 AWS에 배포까지 완료하였다. 처음 이 프로젝트를 기획했을 때 유저들이 포토샵 또는 이미지 에디터를 사용해서 인생네컷을 제작하는 걸 보았는데, 포토샵이나 이미지 에디터에 익숙한 사람이라면 괜찮을텐데, 대다수의 로스트아크를 플레이하는 유저들이 포토샵에 익숙하지 않거나, 이미지 에디터를 사용하려면 이미 잡혀있는 틀이 필요하고 또는 그 이미지 에디터 사이트에 가입을 해야하거나 금액을 지불해야 하는 경우가 있기 때문에 프로젝트의 키워드는 "포토샵 없이 간단하게" 였다. 모든 작업들은 프론트에서 처리하기 때문에 백앤드 서버가 필요가 없었고, react-cropper 와 dom-to-image 를 사용하여 개발작업을 ..

자유게시판 프로젝트를 진행하면서, 검색기능은 붙였는데, 검색어를 입력하자마자 바로 검색되는 것이 아닌 버튼을 눌렀을때 검색이 되는 방식으로 변경하고싶었고, 또한 전체 글에서 그 키워드가 몇건 검색됐는지도 표출시키고 싶었다... ✨삽질의 시작✨ 이미 내 코드는 수정 후인지라, 원본이라고 하자면.. 멘토님의 코드인데 멘토님의 코드를 리뷰해보자면 검색 input box에 onChange event가 일어나면 debounce가 되면서 리패치가 되고 onChangeKeyword로 데이터를 넘겨주는 형식인데. 이런 방식이라면 검색 inputbox에 입력을 한 후 .2초 뒤 검색결과가 리스트에 표출되게 된다. 하지만 난..버튼을 눌러서 검색하고싶은걸 ㅠ... 그래서 변경한 방식이 이것이다. SearchData 라는 ..

소심한 개발일기..오늘부터는 조금 더 꾸준히 써볼까 한다. 오늘 배운 부분은 결제시스템과 내 페이지에 연동시켜 결제화면을 구현하는 것을 연습했다. 결제하기 버튼 클릭을 했을 때, imp_uid를 전달받아온 후 imp_uid가 DB에 저장 후 결제 솔루션 업체 연결 API - 수수료발생 (PG사 결제모듈의 복잡함을 해결) 결제 대행 업체(PG사 - Payment Gateway)와 연결 해당 카드사 연결 후 결제 발생
어제 분명..commit을 했는데 사라진 내 잔디....확인해보니 어제 날짜 잔디가 비어있다.. 구글링을 열심히 하고있는데 멘토님이 잘못하면 이상해질 수 있으니 넘기고 가라고 하셨지만 저는 너무...다시 심고싶은데Yo...? "Google: A Developers Best Friend" https://wellbell.tistory.com/43 github 잔디밭 안 심어지는 현상 해결 및 이미 커밋한 내용 반영하기 1. github 잔디 안심어지는 현상 해결 흔히 잔디밭이라고 불리는 github contributions(activity) 나의 저장소 중 어디라도 commit해서 push해서 반영 시키면 잔디가 심어져야하는데 심어지지 않을때가 있다. wellbell.tistory.com 열심히 구글링해서 ..

웹 퍼블리셔로 일하면서, 이미 구축해놓은 프레임워크 내에 하드코딩으로 html / css/sass로 작업하던 필자는 git에 대한 지식이 zero였고, 부트캠프를 들어오면서 처음으로 "Git" 이라는 것을 접하게 되었다! 그래서, Git이 뭔데? Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. 출처 - git website Git은 소규모 프로젝트에서 초대형 프로젝트에 이르기까지 모든 것을 빠르고 효율적으로 처리하도록 설계된 무료 오픈 소스 분산 버전 제어 시스템입니다. "소스..