kth990303의 코딩 블로그

우아한테크코스에서 알렉스의 노트북으로 페어 프로그래밍을 진행하면서 알렉스의 저장소에 commit 및 push를 진행하였다. 따라서 미션을 마무리한 후, 알렉스의 저장소 커밋 브랜치를 내 저장소의 브랜치로 가지고 오려고 했다. 그래서 미션 가이드를 참고했는데... 엥? 방법을 안알려줬다ㅋㅋㅋ 가이드에서 이 부분은 각자 해결하라고 과제로 내던져주었다... 다행히 알렉스가 함께 봐주면서 금방 해결할 수 있었는데, 아래 작업을 거치면 된다. 1. git remote add {축약할 이름} {가져올 상대의 저장소} 먼저 리모트에 어떤 저장소를 가져올 것인지 입력해주어야 한다. git remote -v 를 통해 현재 리모트에 어떤 저장소가 입력돼있는지 확인해보면 아마 origin으로 내 저장소만 존재할텐데, 상대의..

오늘은 우아한테크코스 4기 활동이 본격적으로 시작된 두번째 날이다. 오전에 데일리 미팅을 진행하고, 오후에는 스터디룸을 대여해서 알렉스와 함께 하루종일 페어 미션을 진행하였다. 알렉스는 코딩 경험이 풍부하여 많은 부분에서 배울 점이 많았으며, 굉장히 친절하신 형이었어서 재밌게 작업하면서 많은 점을 배울 수 있었다. 오늘은 페어 프로그래밍을 통해 배운 점을 기록해보려 한다. 1. java.lang.String 클래스의 isEmpty()와 isBlank() 차이 자동차 경주 미션을 진행하면서, 자동차 이름이 공백일 때와 빈 문자열일 때 예외처리를 해주어야 하는 상황이 발생했다. 이 때 String의 isBlank() 메소드를 사용하면 빈 문자열일 때 뿐만 아니라 공백만 포함돼있을 때도 true를 리턴해준다...

오늘은 본격적으로 우아한테크코스 4기 수업 및 미션이 시작되는 날이다. 우테코가 꽤 바쁘다고 얘기를 들었기 때문에, 어느 정도 예상은 했지만... 생각보다 더 많이 바빴다. 하지만 그만큼 우테코 크루들과 많은 시간을 함께할 수 있었기 때문에 어제에 비해 어느정도 어색한 분위기도 조금씩 풀어지고, 페어 팀원 분과 깃허브 맞팔을 맺기도 하였다 ㅎㅎ 오늘 하루, 우아한테크코스에서 어떤 일정을 보냈는지 적어보도록 하겠다. 10:00 데일리 미팅 우아한테크코스는 월요일 13~18시, 화요일 10~18시 근무이다. 따라서 10시부터 일정이 시작됐으며, 오늘부터 매일 데일리 미팅을 진행하기로 했다. 첫째날에 아이스브레이킹 때 결정된 팀으로 레벨1동안 미팅이 진행되며, 아무래도 처음이다보니 서로 어색해서 자기소개를 하..

요즘은 추워서 헬스장 내에 있는 런닝머신을 이용중인데, 요즘 헬스장이 21시에 문을 닫아서 헬스도 자주 못갈 뿐더러, 달리기 또한 자주 달리지 못하고 있다. 다행히 오늘 날씨가 좀 따뜻해서 가볍게 러닝 좀 해보기 위해 달려보았다. 페이스가 썩 좋진 않지만, 오랜만의 야외러닝인데다가 기록용으로 달린 것이 아니기 때문에 꽤나 만족스러웠다. 뛰고 난 뒤의 상쾌함과 보람참은 진짜 이루 말할 수 없다 ㅎㅎ 일감호 한 바퀴는 약 1.15km가 나오기 때문에 이번에는 정확히 두 바퀴가 아닌, 건대 기숙사 ~ 공학관 A동까지 추가로 더 달리는 루트로 달렸다. 삼성헬스 특유의 버그가 하나 존재하는데, 최고 페이스가 자꾸 최저 페이스로 뜨는 버그이다. 뭐 그냥 그러려니...한다ㅋㅋ 케이던스는 이번에도 꽤 준수하게 나왔다...

오늘 오후 1시, 우아한테크코스 OT가 진행되었다! 원래는 전역일보다 우테코가 일정이 더 빨라 OT를 참여할 수 있을지 걱정이었는데, 다행히 휴가를 예정보다 많이 받게 돼서 2월 4일부터 미복귀 휴가를 나갔기 때문에(사실상 전역! ㅎㅎ) 오늘 ot에서 캠을 키고 참여할 수 있었다. OT 일정 13:00 우테코 및 코치진 소개 코치진님들이 생각보다 되게 젊으셨고 포비(캡틴)님도 생각보다 되게 재밌으셨다. 코치님들이 예상보다 훨씬 많으셔서 좋았고, 확실히 줌 채팅을 통해 굉장히 편하고 재밌는 분위기임을 알 수 있었다. 오프라인으로 만났다면 더 좋았을 거 같은데 코로나때문에 줌으로만 봐야 하는 상황이 좀 아쉬웠다. 언젠간 오프라인으로 뵐 수 있길. 아직 소개에서 뵌 코치님들을 다 기억하진 못하고 있지만, 서로..

이번엔 에러는 아니지만, 원하는대로 프로그램이 돌아가지 않는 현상이다. 일기장 프로그램을 만들기 위해 아래와 같은 임시데이터를 만들었다고 하자. const dummyList = [ { id: 1, author: 'author1', content: 'content1', emotion: '5', created_date: new Date().getTime(), }, { id: 2, author: 'author2', content: 'content2', emotion: '4', created_date: new Date().getTime(), }, { id: 3, author: 'author3', content: 'content3', emotion: '3', created_date: new Date().getTi..

객체의 개수를 파악하기 위해 diaryList.length를 console.log하면 아래와 같이 나타나는 현상을 수정해보자. 문제점 일단 diaryList가 제대로 넘어온건 맞는지 확인하기 위해 console.log로 diaryList도 쳐보도록 하자. 도대체 왜 length만 이런 것일까? 그 이유는 여기서 알 수 있었다. 요약하자면 js에선 배열과 문자열에서만 length 속성이 있고, Object에선 length 속성이 없어서 그런 것이었다! https://www.delftstack.com/ko/howto/javascript/javascript-length-of-object/ JavaScript에서 객체 길이 가져 오기 JavaScript에서 객체의 길이를 얻는 다양한 방법을 보여줍니다. www...

typescript로 리액트 코드를 작성하여 props를 넘겨주는 과정에서 아래 에러가 발생했다. js에선 타입을 지정해주지 않아 간단히 해결되지만, ts는 타입을 명시해주어야 했기 때문에 이러한 에러가 발생하는 것이다. 넘겨주려는 dummyList는 아래와 같다. const dummyList = [ { id: 1, author: 'author1', content: 'content1', emotion: '5', created_date: new Date().getTime(), }, { id: 2, author: 'author2', content: 'content2', emotion: '4', created_date: new Date().getTime(), }, { id: 3, author: 'author3..

js로 작성한 코드들을 ts로 변화시키는 작업을 하고 있다. useRef는 js나 ts나 큰 변화는 없다. 우리는 이번 포스팅을 통해 보다 똑똑하게 useRef를 사용해보도록 하자. useRef란? 간단하게 useRef가 무엇인지부터 짚고 넘어가보자. useRef는 꽤 많은 상황에서 쓰인다. 컴포넌트에서의 어떠한 DOM을 선택해야 할 때 쓰이기도 하고, 컴포넌트 내부에서 다룰 수 있는 변수를 만들어야 할 때에도 쓰인다. 전자의 경우는 예를 들어 특정 input, textarea 등의 태그에 focus를 줘야하는 경우에 쓰이고, 후자의 경우는 setState로 다루지 않는 변수들 (예를 들면 비동기 처리를 할 때 쓰이는 setTimeOut, setInterval에서 id를 담아 중복클릭을 방지할 때 쓰이는..

javascript로 프론트를 다루는 분들이라면 초보시절에 왜 에러가 뜨는지 몰랐다가 undefined가 전달되는 경우라든지, 타입이 잘못 전달됐다든지 하는 경우를 굉장히 많이 겪었을 것이다. 나도 요즘 이러한 경우가 많아 굉장히 많은 고통을 겪었으며, 내가 만약 js를 잘하게 돼서 에러가 하나도 없다고 하더라도, 팀원들과의 협업 과정을 위해서, 또는 배포 후 프로그램이 오작동하는 경우를 막기 위해서라도 ts를 익혀야할 필요성을 느껴서 typescript를 익히는 중이다. 음... 난 백엔드니까 이건 안해도 되지 않을까? 하는 마음도 있긴 했는데, 학교 수업 프로젝트에서 프론트 쪽도 좀 건드려보고 싶기도 하고, 내가 나만의 프로젝트를 나 혼자 만들 수 있으려면 프론트도 잘할 줄 알면 좋고, 뭐 아무튼 단..