이번 주의 학습 키워드 중 하나인 callback 함수에 대해 알아보자 사실 콜백 함수는 자바스크립트를 배우면서 여기저기서 자주 듣던 용어이다. 하지만 오늘 콜백 함수라는 학습 키워드를 봤을 때 정확한 개념은 모르고 있는 것 같다는 느낌을 강하게 받았다. 이번 주의 학습 키워드인 만큼 제대로 알기 위해 콜백함수에 대해 정리를 하자. 콜백 함수를 알아보기 이전에 콜백함수를 검색하면 일급 객체가 연관돼서 많이 나오는데 일급 객체부터 살펴보자 사실 일급 객체도 처음 듣는 개념이 아니라 자바스크립트를 처음 배울때 학습 키워드로 나왔던 개념이다. 심지어는 코딩 인터뷰시간에 일급 객체에 대해 질문받았던 게 기억이 난다... 그때 제대로 답을 했던가?? 내 기억상으로는 횡설수설한거 같은데 이제는 제대로 머릿속에 박아..

컴포넌트 재사용 하기 리액트로 마카오 페이 기능 구현중 버튼에 들어가는 이름만 다르지 똑같은 형태인 버튼 컴포넌트가 여러 개가 존재하는 일이 발생했다. 리액트의 장점 중 하나가 컴포넌트 기반으로 이루어져 있기 때문에 코드의 재사용성이 좋다는 건데 그 장점을 전혀 활용하지 못하고 있었다. 이름만 다른 똑같은 형태의 컴포넌트가 존재하면 범용적인 컴포넌트를 하나 만들어서 이 컴포넌트를 재사용하는 게 좋다는 리뷰를 받았다. 근데 하나의 버튼 컴포넌트가 어떤 이름이 들어오는지 어떻게 알게 할 수 있을지 생각을 해봤다. 상위 컴포넌트가 하위 컴포넌트로 데이터를 주는 props를 이용하면 될 것이라고 대충 짐작하고 시작했다. 그래서 처음에는 name이라는 props를 만들어서 하위컴포넌트에 전달해주는 방법을 사용했다..

일주일간 퀘스트를 하나만 진행하는데도 아직까지 못 끝냈다는 사실에 오늘은 다소 마음이 급해진 상태로 시작했다. 그러다 보니까 모든 기능을 다 구현하고 css작업을 시작해야 하는데 빨리 css 해야 할 것 같은 마음에 css 건드렸다가 나만의 메뉴 건드렸다 정신없이 퀘스트를 진행했다. 결국에는 아직까지 둘 다 제대로 완성하지 못했다. 나만의 메뉴는 최소한의 기능만 구현하긴 했는데 너무 부실한 느낌이라 보완해야 함을 느꼈고, css는 금방 할 줄 알았지만 생각대로 되지 않았다. 진행하고 있는 작업에 대해 목표가 없이 진행하다 보니까 하나도 제대로 완성하지 못하고 이도 저도 아닌 상태가 된 것 같다. 단순히 나만의 메뉴 완성하기, css 적용하기 같은 추상적인 목표는 전혀 도움이 되지 않는다는 것을 깨달았고,..

어젯밤에 자바스크립트를 자바처럼 사용하고 있다는 이야기를 해주셨다. 아직까지도 자바스크립트가 익숙하지 않아서 그런 것도 있지만 4개월 정도 주구장창 자바만 작성하던 몸이라 그런지 자바스크립트로 어떻게 코드를 작성해야 할지 모르겠을 때 본능적으로 자바에서 썼던 방법을 쓰려했던 것 같다. 그리고 자바스크립트에서는 for를 쓸 일이 없다는 이야기를 듣고 놀랐다. 사용하기 단순해서 제일 많이 사용하는 for문을 쓸 일이 없다니.. 그럼 뭐를 사용해야 하는 의문과 동시에 바로 해결방안을 말씀해주셨다. 자바스크립트는 forEach, map, reduce 이 3개만 제대로 사용하면 대부분 해결이 가능하다고 하셨다. 하지만 저 3개 중 제대로 사용할 수 있는 건 단 하나도 없었다. 저 3개 중에 그나마 map을 tod..

프로그래머스 레벨 1 문제 중 가장 낮은 정답률을 가진 신고 결과받기 문제를 이틀 연속 풀고 있다. 밀리면 안 된다는 걸 알지만 나에게 이 문제를 풀기가 쉽지 않았다. 분명 한번 풀었던 문제인데 어떻게 풀었는지 전혀 생각이 나지 않았고, 마치 처음 본 문제 같았다. 월요일에 처음 풀기를 시도했을 때 30분간 삽질하다 HashMap을 써야 한다는 것을 뒤늦게 깨닫고 시도를 했지만 레벨 1의 최고 보스답게 좀처럼 풀리지 않았다. 결국에는 시간 내에 풀지 못해서 저녁에 다시 재도전했지만 풀지 못했다. 오늘은 신고 결과받기 문제를 자바스크립트로 풀어야 했다. 자바로도 못 풀었는데 자바스크립트로 풀었을 리가.. 더 이상 코딩 도장 문제가 밀리면 안 돼서 오늘은 어떻게든 풀어야 했다. 우선 요구사항부터 다시 천천히..

체크리스트 만들기 12주 차의 퀘스트인 마카오 페이를 처음 봤을 때 요구사항이 많아 약간 쫄았다.. 하지만 일주일간 갈고닦은 react를 활용할 수 있는 기회라 설레기도 했다. 퀘스트 요구사항이 많아서 안 잊어버리게 체크리스트를 만들었다. 왜냐하면 저번에 빈틈없는 회원가입 퀘스트를 진행할 때도 요구사항이 많았었는데 그때 요구사항 몇 개를 빼먹은 적이 있었다. 머릿속으로 다 한 줄 알았지만 내 머리가 나빠서... 퀘스트의 기본적인 요구사항에 대한 리뷰를 받은 적이 있어서 이번에는 최소한 기본적인 요구사항은 놓치지 않기 위해 눈으로 확인하고 체크할 수 있는 체크 리스트를 만들어서 진행했다. 체크리스트를 만들었을 때의 이점은 요구사항을 빼먹은 게 없는지 확인하는 것뿐만 아니라 작업 단위로 커밋할 때도 매우 유..