티스토리

오늘만산다

검색하기

블로그 홈

오늘만산다

onulmansanda.tistory.com/m

책에서의 인사이트, 개발, 인생을 담은 이야기

구독자: 1

방명록 방문하기

주요 글 목록

3월 4주차 원고의 중요성(유튜브 주말 작업 회고) 생산성이 별로 였던 주 주말이 되자마자 넉 아웃함 그렇다고 잠을 잔 것 만은 아닌데 회사일로 한 주 내내 바빠서 그런지 에너지가 많이 쓰인듯 그래도 해야하는데 그냥 책만 2권 읽음 한 것 뇌과학 책 우리는 각자의 세계가 된다 1 권 읽음 토스 사람이 만든 일 터 관련 책도 1권 읽음 스타트업 둘러보기 및 맘에 드는 회사에 커피챗 신청 (어떻게 핵심을 전달하고 메세지를 정리 할 지 시간 에너지를 많이 씀) 아이패드 원고 작성 3 시간 크몽 작업물 1회 완료 알뜰폰 신청 (카드 신청, 알뜰폰 요금제 선택 하느라 시간을 좀 쓴 듯) 반성 왜 이렇게 작업량이 적었나? 나도 모르게 무언가 해도 잘 안되는 것 같고 바로 결과물도 나오지 않으니 심적으로 많이 처짐. 그 와중에 책은 읽고싶어서 빨리 읽기도 하고 했는데.. 공감수 0 댓글수 0 2023. 3. 27.
데브로드 프론트엔드 생존코스 1주차 주간회고 👨🏿‍🌾 데브로드 코스 시작! 새로운 일 시작에 다시 주말에는 개인적으로 하는 부업(?)에 정신없이 흘러가다 데브로드 코스가 시작했다. 나름 열심히 개발 공부를 꾸준히 했다고는 하지만 전체적으로 경력이 짧은 나에게 코스가 어떻게 진행될까 시작될까라는 기대 반 호기심 반으로 시작한 코스였다. ❓ 1주차에는 무엇을 배웠나? 스프링 프레임워크를 이용한 세팅과는 달리 자바스크립트는 항상 세팅 할 것이 많고 세팅에 대해 하나 하나 가지는 의미보다는 관성에 의해 하고있었다. 지난 번에 타입스크립트 세팅을 스스로 해보려다 정말 한 주 내내 호되게 혼난 적이 있었는데 그러한 세팅에 대해 하나하 배울 수 있었다. 당분간 세팅으로 고생은 그만..하자 ❗️ 느낀점 세팅이라 크게 어렵다기 보다는 개념 노트를 정리하며 다시 어.. 공감수 0 댓글수 0 2023. 2. 5.
깃허브로 깃북 사용해보기 [git-book 사용하는 법] 메가테라에서 진행하는 프론트 엔드 생존 코스를 등록하며 깃 북으로 개념을 정리할 일이 생겨서 깃 북을 이리저리 써보았는데 깃 허브와 연동이 되어서 장점도 있지만 구조를 파악하느라 꽤나 애먹었다. 그래서 한 번 정리해보려고 한다. Git-book 이란? 말 그대로 하나의 책이라고 생각하면 편하다. 책 처럼 작성해서 볼 수 있고 인덱스도 있어서 목차간 이동도 편리하고 깃 북 앱을 설치하여 에디터를 이용하거나 직접 마크다운 형식의 문서를 작성하여 깃북을 사용해볼 수 도 있다. 1. Space와 Page 차이에 대해 알기 깃북을 하면서 가장 먼저 알면 좋은 것은 바로 space와 page 이다. 아래 사진에 보이는 New Space 를 클릭하면 새로운 페이지를 작성할 수 있는데 이것을 작성해서 원래 작성하던 스.. 공감수 0 댓글수 0 2023. 1. 31.
spring boot 로 외부 api 호출하기[RestTemplate 이용, POST] RestTemplate 이란? npm 의 axios 처럼 외부 api와 http rest 서버 통신을 하게 해주는 라이브러리 스프링은 REST 서비스에서 endpoint (API가 서버에서 리소스에 접근할 수 있도록 가능하게 하는 URL)를 호출하는 2가지 방법이 제공하는데, 바로 RestTemplate 과 WebClient 이다. 일단 기존에 많이 사용되던 RestTemplate 은 Spring 5.0부터는 deprecated 될 예정이므로 스프링에서는 WebClient 사용을 권장하고 있다. RestTemplate 은 api 요청을 하게 되면 한 api 의 요청에 대한 응답이 올 때까지 기다리는 동기 방식이다. 반대로 비동기 방식에는 WebClient 가 있다. WebClient 를 사용하기 위해서는.. 공감수 1 댓글수 1 2023. 1. 28.
다사다난 했던 2022 연말회고[2023 기년회] 2022 한 해 나는 어떤 목표를 세웠고 무엇을 이루었는지 되돌아보자. 애자일 컨설팅 대표 김창준 님께서 2007 년 작성하셨던 인덱스카드로 회고하는 방식을 보았었는데 나도 따라 해 보았다. (인덱스카드로 다이어리나 달력을 참고하며 의미가 있었던 사건들을 모두 기록한다. 인덱스 뒷면에는 사건으로 느꼈던 교훈을 작성한다. 모두 작성한 후 인덱스를 모은 후 중요한 것 3가지를 추려내 내 년 동안 부적처럼 지닌다.) 2022 년 목표는 무엇이었나? 1. 학원으로부터 벗어나 나만의 수입 파이프라인을 가진다. 2. 가자 서울로! 2022 사건 돌아보기 1월, 처음 하는 일로 돈을 모으다. 사실 나는 유통 판매나 수업을 통해서 사업을 하고 있었다. 개발자라는 것은 내 사전에는 등재되어 있지만 찾아보지는 않는 그런 .. 공감수 1 댓글수 1 2022. 12. 30.
[ Backend / Java / SpringBoot ] multipartFile을 다른 속성값과 객체에 넣어 전달받을때 + 테스트 코드 짜는 법 2 1. 컨트롤러 코드 멀티 파일과 객체를 같이 받아오는 것은 RequestBody가 아니라 RequestPart로 받아와야함. PostMapping 에서 value와 consumes 을 써준 후 뒤에 타입을 아래와 같이 밝혀줘야함. value 는 URI 주소 consumes 는 타입 RequestPart 뒤의 value 값은 받아오는 객체의 이름과 파일이름과 반드시 일치해야함. 그렇지 않으면 찾는 값이 null 이라고 400 오류가 뜸. @PostMapping(value = "/practicalTemplate",consumes = {MediaType.APPLICATION_JSON_VALUE, MediaType.MULTIPART_FORM_DATA_VALUE}) @ResponseStatus(HttpStatus.. 공감수 0 댓글수 0 2022. 12. 27.
[ Frontend / React ] multipartFile을 다른 속성값과 객체에 넣어 전달해주려고 할 때 1 이전 S3 파일 프론트엔드 코드 작성시 아래와 같이 하면 된다고 했는데 이는 하나의 이미지, 녹음 파일등을 업로드할 때에만 적용된다. 프론트엔드에서 1. formdata 선언 2. input 타입을 file 형태로 한 후 녹음파일만 올리도록 할 것이면 accept를 아래와 같이 제한 3. onChange 함수로 아래처럼 받아줌 e.target.files[0] 과 formData.append 해주는 것이 포인트! 4. 받아온 formData를 백엔드로 그대로 전달해줄 것. const formData = new FormData(); const handleChangeRecord = (e) => { const record = e.target.files[0]; formData.append('multipartFil.. 공감수 0 댓글수 0 2022. 12. 27.
[SPRING BOOT, Java] AWS S3 이미지 및 녹음 파일 올리기 AWS S3를 통해 업로드하는 법을 검색하면 수많은 글들이 나오지만 Spring Boot 에 관련해서는 적당한 글이 없어서 한 번 자세히 써보고자 한다. 1. 세팅 및 전제조건 1. 우선 이것은 I AM 과 S3 서버를 세팅해서 올릴 수 있는 상태를 의미한다. 2. 아래처럼 세팅도 되있어야 올릴 때 또 번거로운 오류가 없다. 버킷 -> 권한 -> 객체 소유권 2. build.gradle implement 의존성을 주입하는 방법이 여러 방식이 있던데 다 나와 잘 맞지 않고 작동이 안되었다. 스피링 부트를 사용하고 있어서 다음과 같이 의존성 주입을 해주었다. 아래와 같은 스펙을 이용 implementation'org.springframework.cloud:spring-cloud-starter-aws:2.2... 공감수 0 댓글수 0 2022. 12. 14.
AWS S3 access denied 서버에 이미지 등록하는 법[20221210 - TIL] 핵심 버킷의 액세스가 아래처럼 퍼블릭이라고 되어있어야 버킷의 객체를 클릭했을때 access denied가 뜨지 않는다. 과정 버킷 명 클릭 -> 상단 권한 클릭 -> 버킷 정책 -> 정책 생성기 클릭 아래를 채워주고 action에 getObject 클릭 ARN 이름은 버킷정책편집 페이지 상단에 버킷ARN 이라고 되어잇는걸 복사해온다. Add statement 클릭하면 나온 정책문구를 복사 저장 아래와 같이 복사해준후 변경사항 저장을 클릭해준다. Resource 뒤에 /* 라는 문구를 꼭 넣어줘야 저장이 된다. 오류 귀하 또는 귀하의 aws 관리자가 권한을 업데이트하여 s3:putbucketpolicy 작업을 허용하면 [변경 사항 저장]을 선택하세요. amazon s3의 identity and access.. 공감수 0 댓글수 0 2022. 12. 10.
컴퓨터 처럼 생각하기. 프론트 엔드 함수 실행시 디버깅 포인트 찾기[20221208-TIL] 오늘은 간단하게 끝날줄 알았던 수정과 단체 삭제 기능을 구현하고 얼른 디자인으로 넘어가려고 했다. 그런데 역시 예상한대로 오류가 나서 오늘 하루를 다 잡아먹었다. 자주 실수하는 부분들을 모두 노션에 정리해놓았는데 그래도 빼먹는 부분이 많았다. 왜 자꾸 당연하면서도 중요한 것을 실수하나? 조금 비유를 하자면 우리는 어떤 액션을 취할때 액션 이후의 움직임을 잘 생각하지 않는 것 같다. 운전이 미숙할 때엔 앞바퀴의 움직임만 생각하고 차 몸통이 어떻게 될지 생각않다가 차를 긁는다. 또 밥을 먹을때에는 식사를 하기 위해 숟가락을 열심히 뜬 기억만 있지 따로 숟가락을 내려놓는다던지 이후의 행동을 정의해두진 않는다. 그것 처럼 최근의 모든 오류들도 그러했다. 가장 자주하는 디버깅 포인트 1. apiService를 이.. 공감수 0 댓글수 0 2022. 12. 8.
리액트,프론트 엔드, Page는 얼마만큼의 props를 가져야하나?, 컴포넌트에 프롭스 넘겨주기[20221207-TIL] 리액트, 컴포넌트와 프롭스 리액트를 검색해본다면 단연코 가장 빼놓을수 없는 말은 컴포넌트(component)와 프롭스(props, properties)일 것이다. 리액트는 공용컴포넌트를 만들어 비슷한 템플릿을 하나의 컴포넌트로 관리해줄 수 도 있고 단일 페이지에서 코드가 난잡하게 뭉쳐진 것들을 컴포넌트로 분리시켜 관리할 수 있다는 장점이 있다. 하지만 언제 컴포넌트를 분리시켜야하고 언제 컴포넌트에 프롭스를 넘겨주어야할 지 기준이 잘 서지 않아 많이 헷갈렸었는데 오늘은 그것에 관해서 조금 정리해보고자 글을 쓴다. 1. 컴포넌트를 나누어야하는 기준 컴포넌트는 사실 코더가 자신의 코드를 기준으로 나누어주어야하는게 아닐까 싶다. 아직 잘 짜인 코드들의 많은 레퍼런스를 보지 못해서 이렇다고 대답은 못하지만 주로 .. 공감수 0 댓글수 0 2022. 12. 7.
에디터 안에서 놀기, 순 코딩 시간 늘리기[20221206-TIL] 와카타임 시간 늘리기 오늘은 메가테라 대표 홀매님과 반상회(타운홀 미팅이라고 한다.)를 가졌는데 학생들 전원이 전체적으로 순 코딩 시간이 짧다고 하셨다. ( 자료를 찾거나 티아이엘을 쓰거나 정리 등의 시간이 아니라 말 그대로 에디터에서 코드를 쓰고 하는 순 시간) 누구를 콕 잡아 비교한 것은 아니지만 사실 나의 시간대가 어디있는지는 가장 잘 보이지 않는가? 그렇게 짚어주는 것 만으로도 동기부여가 많이 되었다. 어떻게 코딩시간을 늘릴까? 이전에는 그런 피드백을 받으면 당장에 밤을 새거나 오기가 돋아서 그 한 주를 불태운다는 등 그랬었는데 사실 그렇게 단기적으로 열을 내는건 별 효과가 없었고 좋은 습관을 가지도록 유도하는게 좋았던 경험이 있다. 요새는 하루 순 12 뽀모도르( 1뽀모도르 40분 기준) 다 채.. 공감수 0 댓글수 0 2022. 12. 6.
메가테라 포트폴리오 7주차 주간회고, 도메인 변경은 큰 책임을 요한다. 메가테라 7주차 포트폴리오 진행 결과 한 주가 남은 시점 내 포트폴리오의 진척도는 조금 처참하다. 처참하다는 말을 하기도 싫지만 어쩔수 없다. 사실 큰 원인은 포트폴리오 주간 절반이 넘은 시점 급격히 도메인을 스위칭 한 것인데 할 당시에는 사실 자신만만하기도하고 한 경험을 바탕으로 남은 한 달이면 일단 완성을 할 수 있다는 자신감과 나머지의 복잡도는 완성한 뒤에 붙이면 된다는 근자감이 있었다. 계획 실패 사실 큰 단위의 포트폴리오를 혼자서 처음 진행해보는 터라 단위가 클 수록 오차범위가 커지는 것은 당연했다. 내겐 너무 쉬워보였던 규모의 포트폴리오도 사실 진행해보니 엄청 엄청 더뎠고 부분 부분 빠른 구간이 있었지만 진척도의 들쑥날쑥이 심했다. 아마도 이건 프로젝트 규모의 코드를 여러번 짜보지 않은 경험에.. 공감수 0 댓글수 0 2022. 12. 5.
중요한 것은 꺾이지 않는 마음[20221205-TIL 중꺾맘] 프로젝트의 끝이 오며 프로젝트의 끝 주가 다가오면서 얻은 것은 자기 의심과 불안 인듯 하다. 사실 그렇게만 보기엔 기획의 중요성, 도메인에 대한 이해의 중요성, 프론트엔드 테스트 코드 짜는 법 등등을 배웠긴 하지만 그냥 느낌적으로만 따지자면 그렇다는 것이다. 사실 좋은 의미가 아닐 수는 있는데 이것에 대해 오늘 깨달은 바가 있어서 정리해보고자 글을 쓴다. 자기 확신과 주관은 스스로가 만들어야한다. 사실 도메인을 스스로가 정하여 포트폴리오를 진행해나가는 이상 많은 것들이 나의 책임인데 무언가 잘 풀리지 않거나 내가 하는 프로젝트에 복잡도나 난이도가 충분하지 않다는 등 의심이 들 때가 많다. 이런 의심은 항상 존재하는 것이지만 이 의심의 가장 큰 단점은 나 자신을 갉아먹는다는 것이다. 그렇지만 이런 의심을 .. 공감수 0 댓글수 0 2022. 12. 5.
AWS S3 버킷 만들기 S3의 장점 높은 내구도를 자랑하며 정보를 안전하게 저장 할 수 있습니다. 저렴한 비용으로 사용이 가능합니다(ec2에 이미지, 영상등을 저장하며 비용이 만만치 않습니다.) 보안성이 뛰어납니다 ( SSL을 통하여 데이터 전송과 암호화를 하므로 해킹 걱정이 적습니다.) 속도가 빠릅니다 (각 지역에 맞게 선택하며, 업/다운로드 시 지역시간 최소화를 위한 멀티 파트 업로드를 지원합니다. S3는 Simple Storage Service라는 뜻으로 간단하게 서버에 어떤 파일따위를 저장하게 해주는 도구이다. AWS S3(Simple Storage Service에서 사용되는 용어 객체 - object, AWS는 S3에 저장된 데이터 하나 하나를 객체라고 명명하는데, 하나 하나의 파일이라고 생각하면 된다. 버킷 - bu.. 공감수 0 댓글수 0 2022. 12. 4.
리액트 플럭스 패턴( Flux Pattern )[20221203-TIL] Flux 패턴 페이스북에서 알림이 와있다고 표현되고 있지만 막상 알림을 클릭하게 되면 어떠한 알림도 오지 않았던 버그가 있었는데 이러한 버그가 지속적으로 나타자 이러한 문제들을 명확하게 해결하고자 나온 것이 바로 Flux 패턴이다. Flux 패턴은 기존에 사용되던 mvc패턴의 단점을 보완하고자 등장한 패턴이라고 한다. MVC 패턴 MVC (Model - View - Controller) 패턴은 사용자 인터페이스와 비즈니스 로직 처리를 하는 구간이 명확히 나누어져 있기 때문에 여러 사람들과 개발할 때 각자 맡은 부분에 대해서만 개발할 수 있다는 장점을 가지고 있어서 많이 사용되어왔다. 하지만 model과 view가 서로 양방향으로 의존되어 있는 관계 때문에 프로젝트의 규모가 점점 커짐에 따라 프로젝트의 복.. 공감수 0 댓글수 1 2022. 12. 3.
백엔드에서 넘어오는 객체 속성 값 전부 Null이거나 컨트롤러 테스트값이 전부 null 일 때 위의 문제를 벌써 몇 번이나 겪는지 모르겠다. 저 디버깅 문제로 사실 6,7번은 겪은 것 같다. 그래서 디버깅 포인트를 간단히 정리해보았다. 1. 생성자 확인 해 볼 것 public ClassName(Long id, String writer, String title, String topic, String place, String time, String participants, String content, Long views, Long likes) { this.id = id; this.writer = writer; this.title = title; this.topic = topic; this.place = place; this.time = time; this.participants = participan.. 공감수 0 댓글수 0 2022. 12. 2.
복잡도 ? 완성도?[20221201-TIL] 곧 메가 테라에서 정규코스로 정해놓은 날이 끝나고 포폴을 준비해야 한다. 불과 1~2주 전까지 했던 것을 다 뒤엎고 기획을 다시 하는 나에게 마감시간 맞추기란 여간 어려운 일이 아니다. 그만 보기 그러다 오늘은 문득 내가 하려는 서비스를 다시 조금 한 걸음 물러서서 보았는데 동료들 것 보닥 기능적으로 적은 것 같아 다시 내가 만든 서비스가 싫어(?) 졌다. 그러다 보니 어떻게 더 복잡한 기능을 넣지? 어떻게 바꾸지?라는 생각만 한 채 코드를 치지 않았다. 기획 당시의 나도 나다, 그냥 밀고 간다. 사실 점점 개선해야 할 것들이 보이지만 그러기엔 너무 선택의 가능성만 열어둔 채 작업의 속도를 늦출 뿐이었다. 문득 프런트를 보며 아 이렇게 하는 게 더 서비스에 용이한가? 등 별의별 생각이 다나지만 그러면 진.. 공감수 0 댓글수 0 2022. 12. 1.
리액트 form , handleChange Mocking ,테스트 코드 짜기 문제: form 테스트 중 handleChange 함수를 모킹해주라는 오류가 나타나는데 아샬님 강의에선 그러지 않았다? 그리고 handleChange는 어떻게 테스트 해주나? 오늘은 CRUD에서 C 에 해당하는 form 양식을 작성하고 테스트를 하고 있었다. formPage 에는 input 태그와 그것의 값들을 바꿔주는 handleChange 함수들을 넣어놓았는데 이러한 handleChange 함수와 value 값은 store로 넘겨주어 store에서 관리해주고 있었다. 그래서 handleChange에 변화하는 값을 넣고 Create 해당하는 함수가 동작하는지를 보려는데 handleChange를 모킹해주라고 한다. 왜..? 지난 아샬님 강의에선 그러지 않았는데..? 원인: 단순하다. import 해오는 .. 공감수 0 댓글수 0 2022. 11. 30.
수정하기 클릭시 수정하다 취소한 내용이 그대로 남아있는 현상, 자바스크립트 find 함수[20221129-TIL] 자바스크립트 find 메서드 find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다. 오늘은 관리자가 컨텐츠 내용을 수정하는데 수정버튼을 클릭하면 원본 내용이 있고 수정을 하다 다시 다른 버튼을 클릭하고 다시 수정버튼을 클릭했을때 다시 원본이 나와야하는데 수정중이던 것이 그대로 나오는 문제가 있었다. 문제: 아래와 같이 위 내용을 수정하기위해 수정하기 버튼을 클릭하면 fetchBasicTemplate(id) 라는 함수가 불려 각 input의 value를 채운다. 1. 수정하기 전 화면 2. 수정하기 버튼 클릭시 그런데 내용을 수정하다가 다른 수정하기 버튼이나 취소 버튼을 클릭하면 창이 닫히고 다시 수정하기를 누르면 수정되지 않.. 공감수 0 댓글수 0 2022. 11. 29.
끝까지 하나하나 전부 지키면서 해내기[20221128-TIL] 지난 주에는 트레이너님께서 오셔서 대략적인 시안들 PDF로 제출해주면 디자인을 해주시겠다고 하셨다. 사실 지난 주말에 다 뒤엎은 기획을 시작해서 이번주에 시안까지 준비하는 것은 무리라고 생각해서 계획에서 과감히 뺐다. 애매하게 하려고하다 완수못하면 그것만큼 의미 없는 것은 없기에... 그치만 하고 가야지? 트레이너 분께서 왜 **님은 제출하지 않으세요? 라고 하자 내 의견을 말씀드렸는데 디자인을 받아보는 것도 경험이라고 다른 동료들 전부 받는데 본인만 그런 기회를 놓치지말라고 했다. 모든 UI를 완성하지 않아도되니 정말정말 필요한 것은 작성하고 나머지는 받은 것과 비슷한 컨셉으로 스스로 채워나가라고 하셨다. 그래서... 하루종일 눈 아픈거 참아가며 7시까지 제출했다... 그래도 완성하고 나니 뿌듯하고 내.. 공감수 0 댓글수 0 2022. 11. 28.
꼼꼼한 문서 업데이트는 개발시간을 줄여준다[메가테라 22주차 주간회고,프로젝트 6주차 주간회고] 이번주 한 것 태스크 세부 태스크 예상 스토리 포인트 실제 스토리 포인트 1. 기획서 UI 완성 그래마 페이지 완성 그래마 어드민 완성 기초 템플릿 완성 기초 템플릿 어드민 완성 실전 템플릿 완성 실전 템플릿 어드민 완성 2. 그래마 유저 페이지 테스트코드 작성 스토어 테스트 코드 작성 1 2 페이지 테스트 코드 작성 1 1 3. 그래마 유저 페이지 코드 작성 API 서비스 코드 작성 2 2 4. 그래마 어드민 페이지 테스트 코드 그래마 어드민 폼 스토어 테스트 코드 작성 3 2 페이지 테스트 코드 작성 2 1 그래머인트로덕션 컴포넌트 테스트 코드 1 1 컨펌모달버튼 테스트 코드 작성 1 1 그래머 어드민 크리에이트 페이지 테스트 코드 작성 1 1 5. 그래마 어드민 페이지 작성 인트로 페이지 수정 2 .. 공감수 0 댓글수 0 2022. 11. 28.
좋은 개발자란 무엇인가? 뇌피셜 그리기[20221127-TIL] 좋은 개발자? 그게 뭘까? 나는 매년 OKR을 작성한다. 그리고 또 분기별로 또 나누어 한 해의 목표를 달성하기 위해 작은 OKR들을 작성하는데 올해 초 메가테라 코스를 시작하기 전 즈음 연봉을 이 정도 받는 개발자 되기라고 쓰여 있었던 것 같다. 연봉을 나의 가치를 대략적으로 알려주는 수단이라고 한다면 그럼 연봉을 많이 받는 좋은 개발자는 대체 뭘까??? 정말 한참 동안 감도 오지 않다가 그래도 이제 포트폴리오를 마치고 다시 취업시장에 나가야 하는 입장으로써 내가 무엇이 되고 싶은지를 구체적으로 떠올려보는 것이 중요하다는 생각에 한 번 정리한 그 기준을 적어보려고 한다. 1. 내 작성한 모든 코드에 대해 테스트 코드가 모두 있다. 트레이너 분께서는 신입 개발자인 우리가 TDD를 할 줄 알 거라곤 아무도.. 공감수 0 댓글수 0 2022. 11. 27.
PATCH 로 객체 수정 후에도 프론트에서 즉시 반영이 안되는 현상/동기 비동기처리 [20221126-TIL] 원인 1.동기 비동기처리 원리 동기 비동기 처리의 개념을 알아야한다. Api서비스에서 async await 로 받아온 객체들은 apiService 함수를 가져다 모든 하위 컴포넌트에서 async await의 적용이 필요하다. Apiservice에서 async await 처리 async patchIntroduction(introduction) { const url = `${baseUrl}/admin/grammar-introduction`; await axios.patch(url, { introduction, }); } 그것을 받아오는 스토어에서도 async await 처리 async patchIntroduction( introduction, ) { await grammarAdminApiService.pat.. 공감수 0 댓글수 0 2022. 11. 26.
useEffect 무한 렌더링 문제, forceUpdate 후에도 계속 이전 텍스트가 화면에 남는 문제 [20221125 -TIL] 오늘은 이전부터 자주 겪었던 useEffect 의 무한 렌더링 문제와 화면에 계속 이전 데이터가 남아있는 문제를 해결해서 적어보려고 한다. 사실 자주 겪었던 고통이라 꼭 한 번 정리했어야했지만 여태 잘 이해를 하지 못해 제대로 정리를 못했었다. useEffect 무한루프 문제 useEffect 내부의 함수가 계속 렌더링 되어 콘솔을 찍어보면 한없이 렌더링되고 있는 것을 볼 수 있다. 이건 주로 2가지 문제로 나뉘는데 1. useEffect의 두번째 인자를 넣지 않음 ( 종속되는 배열이 없을때) useEffect(() => { console.log('is Listening'); forceUpdate(); }); useEffect에 두번째 인잘르 넣지 않았을때에는 아래와 같은 상황에서 useEffect가 실.. 공감수 0 댓글수 0 2022. 11. 25.
@Mock과 @MockBean의 차이는 뭘까? 자바 스프링부트로 테스트 코드를 짜던 중 Mock 어노테이션과 MockBean어노테이션이 있어 어떤 것을 이용해야하나 고민을 하다 둘의 차이가 궁금해졌다. @Mock 과 mock(*.class) 그리고 Mock어노테이션과 mock(*.class)의 차이도 궁금했는데 이는 방법의 차이라고한다. 1. 어노테이션 테스트할 곳에서 필드화 시켜놓은 곳에서 @Mock 을 선언해준다. @Mock private PostRepository postRespository 2. mock( ) PostRepository postRepository = mock(PostRepository.class); @MockBean이란? @MockBean은 스프링 부트 테스트에서 제공하는 어노테이션이다. @MockBean은 스프링 컨텍스트에 .. 공감수 0 댓글수 0 2022. 11. 24.
TDD, 리액트 프론트엔드 테스트 코드 범위 정하기[20221123-TIL] 메가테라에 오고 나서 신입 개발자인 우리에게 가장 중요한 게 기대하면서도 가장 기초적인 것은 테스트 코드이다. TDD형식으로 프로그래밍을 한다라고 말을 하기에는 아직 미숙할지라도 분명 나와 동기 모두는 테스트 코드를 작성해가며 프로그래밍을 해가고 있다. 이는 백엔드 프런트엔드 모두에 해당한다. 1. TDD?(Test Driven Development)테스트 주도 개발 한 문장으로 설명하기는 어렵지만 TDD란 반복 테스트를 이용한 소프트웨어 방법론으로 작은 단위의 테스트 케이스를 작성하고 이를 통과하는 코드를 추가하는 단계를 반복하여 구현하는 방식이다. 이로써 처음에는 작은 단위로서의 green들이 리팩토링을 통하여 더 나은 코드가 되고 또한 코드의 작동성 또한 검증해나가면서 개발을 해나간다고 할 수 있다.. 공감수 0 댓글수 0 2022. 11. 23.
깃 용어 이것만 알면된다! 기초 완벽 정리[20221122-TIL] 깃 뭔데..? 너무 어려운 거 아냐? 라고 생각한 당신 이 글을 보라. 는 농담이고 깃을 계속 써왔지만 챙겨야 할 과제에 밀려오는 강의에 풀어야 할 프로그래머스 문제를 챙기느라 깃은 제발... 충돌만 피하자 라는 기도 메타(기도 메타는 아니고...) 비슷하게 정확히는 깃과 충돌 나지 않는 법만 선택해서 요리조리 피해 다녔다. 처음 프로그래밍을 배우면 프로그래밍 언어도 너무 어려운데 애써 작업한 것들이 알아듣기도 어려운 깃이 자신만의 언어로 오류 메시지를 내뱉고 애써한 작업을 날려먹어 해결해야 하노라면... 그날이 바로 깃을 포기하게 되는 날이다. 아무튼 각설하고 깃(Git)이란? 분산 버전 관리시스템(Distributed Version Control Systems)으로 컴퓨터 파일의 변경사항을 추적하고 .. 공감수 0 댓글수 0 2022. 11. 22.
반드시 한 것은 남기자[스프린트 5주차 주간회고] 한 게 있는데요 남긴게 없습니다. 모두가 이번 주간에 한 것을 정리해 올리는데 나는 정리해 놓은게 있는데 없다. 정확히 말하면 메모장에 데일리 테스크를 간략하게 쓴 후 하루에 달성을 하면 지워서 버리고 하다가 다시 계획이 엎어져서 처음부터 기획을 돌아가면 다시 그동안 한 기록들이 휴지조각이 되어서 없는게 맞다. 그래도 다시 회고를 해보자면 더보기 5 주차 스프린트 작업 목표 : 도메인에 대한 MVP를 완성 그리고 도메인에 대한 이해가 많이 부족한 것 같아서 1. 내 도메인을 이용할 사용자의 페르소나 분석 및 가정 2. 내 도메인과 비슷한 주제를 가진 서비스 페이지 조사 후 벤치 마킹 3. 추가 기능 백엔드에 도입 4. 프론트 1차 완성 5. 간략한 CSS 추가후 MVP 완성 을 수행했다. 하지만 너무 진.. 공감수 0 댓글수 0 2022. 11. 21.
뭐든지 기록을 남기자[20221121-TIL] 일을 하다보면 주객이 전도된 것 같은 느낌을 많이 받을 때가 있는데 바로 페이퍼워크에 매몰되는 것이다. 코스를 진행하면서 하루 일과 동안 지켜야할 것들이 있는데 주로 한 것들을 하나하나 다 기록하는 것들이다. 프로젝트 주간이 되면서 기록을 남겨야 할 것들이 더더더더욱 많아졌는데 일단 포트폴리오 초반에 기록을 남길 것이 너무 많았다. 서비스가 어떻게 그려지질 유저인터페이스도 대략 그려야하고 사용자스토리도 작성해야하고 인수 테스트며 클래스 다이어그램 그리고 코드를 치는 에디터까지 켜두고 이것저것 하고있으니 대체 내가 무얼 하고 있는지도 모르겠고 여기다 내가 한 작업량을 기록하는 스토리 포인트도 기록해야하고... 아무튼 어어어어엄 청 많다. 그래도 기록을 하자. 멀티 태스킹이 아니라 하나하나씩 일단 이 모든 .. 공감수 0 댓글수 0 2022. 11. 21.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.