일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- git squash
- 리팩토링2판4장
- 가상면접2장
- 시스템설계
- 시스템설계면접
- 가상면접으로대규모시스템
- 리팩터링2판테스트
- 리액트구글애널리틱스
- react-ga
- formik react-query submitting not working
- git commit merge
- s3이미지다운로드됨
- Git commit 합치기
- file not found Error
- cypressBDD
- 시스템설계방법
- formik submitting not working
- git commit 협업
- 시스템설계면접예시
- 디자인패턴
- 전략패턴
- 헤드퍼스트전략패턴
- gitsquash
- cypress React
- 가상면접3장
- 테스트코드책
- FirebaseAnalytics
- 시스템설계면접팁
- react
- awss3
- Today
- Total
목록기타 (49)
mingg IT

잠시 배포를 돌리는 동안 ChatGPT에게 질문을 해보았다. 프론트엔드 주니어 개발자가 공부해야할 건 뭐냐고 물어보았다. 잘 정리해준다. ㅋㅋㅋ 프론트엔드 개발자가 나을지 백엔드 개발자가 나을지 물어보았다. 프론트엔드는 창의적이고, 사용자 경험에 좋은 디자인을 만드는걸 좋아하면 하라고 하고, 기술적인 문제 해결을 좋아하면 백엔드를 해보라고 한다. 둘 다 경험해보고 자기에 맞는 방향을 찾으라고 되어있다. 애플로그인에 사용할 애플 로고를 추천해 달라고 하였다. (애플 경우 아무거나 사용할 수 없고 홈페이지에 나와있는 규격을 맞춰주여야 App Store에 올릴 수 있다.) AI 모델은 이미지를 생성할 수 없다고 한다. 아쉽다. ㅋㅋㅋ 변수명을 추천해달라고 했다. React Query의 mutate를 사용하고,..

ChatGPT를 사용해보려고 한다. 우선 간단하게 What is React.js 를 검색했다. 관련된 설명이 길게 나온 것을 확인 할 수 있다. 알고리즘 문제도 풀 수 있다던데? 리트코드에 있는 문제하나를 복사했다. 가장 쉬운걸로.. ChatGPT 가 알려준 정답 그대로 콘솔에 찍어서 확인해보았다. 정답을 맞추는 것을 확인 할 수 있다. Wow... 프로그래머스 DFS 문제 하나를 복사해서 테스트 해보았다. 영어로 적어 달라 한다. 리트코드에서 어려움을 선택하고 돌려보았다. 주저리 주저리 답을 뱉어 낸다. Spring Security 를 사용하지 않고, SNS 로그인을 구현해달라고 했다. 내가 최근에 하고 있는 거기 때문에.. 클래스 이름까지 SNSMembership 으로 만들어진다. 물론 내가 원했던 ..
2022년이 끝 나가기 전에 회고를 작성해두려고 한다. 올해의 키워드는 이직과 게임 이 아닐까 싶다. 1. 첫 번째 이직 2022년 1월 초에 코테, 면접 등 아무런 준비도 되어있지 않은 채, 포트폴리오만 대충 정리하고 라인과 몇 군데의 기업에 서류를 썼다. 경력직은 서류는 거의 붙여주는 것 같았고, 당연히 준비가 되어있지 않았기 때문에 코딩테스트에서 떨어졌다. 코테도 알고리즘 문제가 아닌 자바스크립트 스피드 퀴즈나, 구현 문제도 많이 나왔던 것 같다. 떨어지면서 심각성을 깨닫고 LeetCode, Codility 플랫폼에서 알고리즘 공부를 했다. 코테를 준비하면서도 서류작성은 멈추지 않았다. 내가 기억하기에 합격한 곳들은 업무 도메인이 빅데이터거나, 프론트엔드 쪽으로 많이 합격했던 것 같다. 아무래도 이..

vs code 에서도 snippet 을 사용하여 자주 쓰는 템플릿을 저장하고 개발 시간을 단축하는 관련 글을 포스팅 한 적이 있다. 요새는 webStorm을 사용하고 있기 때문에 다시 적어두려고 한다. Settings > Live Templates 내가 추가하고 싶은 파일 확장자에서 + 버튼을 클릭한다. Abbreviation은 내가 만든 snippet을 부르는 ?? 사용하는 ? 이름이다. 난 요새 Vue를 쓰고 있기 때문에 해당 부분을 등록하도록 하겠음. @Watch('item') changeItem(to) { console.log('1113', to); } 내용을 입력하고 Apply > OK 버튼을 클릭한다. Vue 파일 위에서 W를 입력해보면 뜨는걸 볼 수 있음. 끝

1장 도메인 모델 시작하기 DDD 란? Domain Driven Design (도메인 주도 개발) DDD 특징 기존 데이터 중심 접근법으로 부터 벗어나, 도메인을 중점으로 두고 설계 하는 것 유비쿼터스 언어로 이루어짐. (ex UML, ERD, 등 모두가 이해할 수 있는 언어) DDD 가 나오게 된 배경 여러 요구사항을 올바르게 이해하고 설계하기 위해. 특정 도메인을 개념적으로 표현한 것.도메인 모델 이란 도메인 모델 표현 UI 표현 응용 사용자 요청한 기능을 실행. 업무 로직을 직접 구현하지 않고 도메인 계층을 조합해서 기능을 실행. 도메인 도메인 규칙을 구현함. 인프라스트럭처 DB나 메시징 시스템과 같은 외부 시스템 연동도메인 모델 패턴 도메인 계층은 도메인의 핵심 규칙을 구현하기 때문에 주문 도메인..

vs code에서 이런식으로 custom snippet를 사용할 수 있다. 해당 muistyled는 원래 제공하던 것이 아니라 만든 것이다. 얼마나 편한가 ? 오늘은 간단하게 만들는 법을 알아보려고 한다. 파일 -> 기본설정-> 사용자 코드 조각 이름을 입력한다. 난 임의로 my_snippets로 입력했음. my-snippet.code-snippets { "refactor": { "scope": "javascript,typescript", "prefix": "refactor", "body": ["//리팩토링 전", "\n", "//리팩토링 후"] } } 이런식으로 사용하면 prefix로 입력한 내용을 vs code에서 입력하고 엔터를 누르면 body에 있는 내용이 출력된다. 즉 refactor를 입력하면..
리팩토링 2판 예시 1번 프로그램이 새로운 기능을 추가하기에 편한 구조가 아니라면, 먼저 기능을 추가하기 쉬운 형태로 리팩토링하고 나서 원하는 기능을 추가한다.리팩토링 하기 전에 제대로 된 테스트부터 마련해야 한다. 테스트는 반드시 자가진단하도록 만들어야함.컴퓨터가 이해하는 코드는 바보도 작성할 수 있다. 사람이 이해하도록 작성하는 프로그래머가 진정한 실력자다. 1단계 함수 쪼개기. function statement(invoice, plays) { let totalAmount = 0; let volumnCredits = 0; let result = `청구 내역(고객명 : ${invoice.customer})`; const format = new Intl.NumberFormat("en-US", { styl..