Developer JS's It BLog

아주 작은 습관의 힘이라는 책을 아주 감명깊게 읽었었다. 우리가 하기 싫은 일들을 나중에는 무의식적으로 할 수 있다라는 것은 아주 큰 매력이기 때문이다. 해야하지만 하기 싫은 일들을 나도 모르게 할 수 있다는 것은 생각보다 크기 때문이다. 사람들은 누구나 공부를 해야하는 것을 안다. 공부를 하면 돈도 많이 벌 수 있다는 것도 안다. 하지만 공부는 쉬운일이 아니고, 쉽지 않기 때문에 우리는 생각만하고 사실 공부를 잘 하지 못한다. 이런 상황에서 몸이 내가 의식하지도 않았는데 공부를 알아서 한다? 이건 너무 좋다. 판타지 소설에나 나올법한 삶에서 지루한 부분을 스킵하는 느낌이지 않은가. 하지만 이런 일은 정말 판타지에서나 나올 법한 일이다. 습관이란 그저 무의식적으로 행해지는 행동인데 어떤 행동을 반복한다고..

리스트 아이템을 반복적으로 그리다 보면 마주치는 아주 큰 산이 하나 존재한다. 바로 아이템을 어떻게 정렬할 것인가를 생각하는 것이다.   아무 생각없이 아이템을 그냥 다 붙여넣다보면 이렇게 좌측으로 몰린 아이들을 만날 수 있다. 이게 마지막은 이렇게 나와야하는데 모든 리스트들이 이렇게 나오게 된다.  그럼 여기서 해결하는 가장 쉬운방법은 css로 이 리스트의 container div에 justify-content center를 주게 되면, 이 친구들은 정 가운데로 모이게 된다. .campaignItemContainer { width: 100%; display: flex; gap: 30px; flex-wrap: wrap; justify-content: center;} 그럼 나머지..

제가 웹 어플리케이션 개발을 배우면서 가장 먼저 배운 언어는 Java입니다. 당연히 Java를 먼제 배워서 메서드(Method)에 익숙해져있었습니다. 한참이 지난 후에야 JavaScript를 배우면서 함수(Function)을 배우게 되었습니다. 그럼 그렇게 배우는 과정에서 들게 된 생각은 무엇이었을까요? 함수와 메서드는 같은 것이라는 생각입니다. 물론 우리 선생님들은 그렇게 가르치지 않으셨지만, 배우는 사람이 가르치는 사람이 말하는 모든 것을 소화할 수 있다면 누군가를 가르친다는 것으로 돈을 버는 일은 불가능 했을 것입니다.  당연히 저는 가르침대로 이해하는 것이 아니라 그냥 제가 느낀대로 이해하게 되었고, 그 결과가 함수와 메서드의 차이가 도대체 무엇일까입니다. 같아 보이지만 같다고 할 수 없는 사이인..

const AuthInput = ({ name, ...props }) => { const dispatch = useDispatch(); const { signUpForm, signUpError } = useSelector((state) => state.signUp); const handleChange = (e) => { dispatch(updateSignUpForm({ field: name, value: e.target.value })); }; return ( {signUpError[name] && ( {signUpError[name]} )} );};AuthInput.propTypes = { name: PropTypes.string..

예산에 왔습니다. 저번주만 해도 축제였지만 이번주는 축제가 끝나고 한가할 줄 알았으나!정말 사람 많네요 ㅠ  그래도 점심시간 좀 지나서 도착해서 앉을 자리는 있어서 다행이었어요.  일단 첫번째 음식은 멸치국수와 비빔국수였어요. 각 4천원의 가격이었고, 멸치국수는 진짜 예전 어릴때 집에서 멸치 똥따면 나던 기억이 펼쳐지는 맛입니다. 진짜 멸치가 제 입안에 있는 것 같아요. ㅋ 그런 맛 싫으시면 멸치 기름 뿌리지 말아달라고 하면 된다고 하네요. 비빔국수는 김치가 굉장히 맛있었습니다.  두번째 음식은 화제의 연돈 볼카츠였습니다. 연돈볼카츠 상당히 맛있게 먹었어요. 치즈와 오리지널 먹었는데 진짜 겉바속촉에 속은 양파향이 나는게 정말 맛있게 잘 먹었습니다.  세번째는 사과 호떡, 미쳤습니다. 그냥 그냥 호떡 맛이..

컴포넌트(Component)란?React를 사용할 때는 컴포넌트를 class 또는 함수로 정의할 수 있습니다. class로 정의된 컴포넌트는 아래에 자세히 설명하고 있듯 보다 많은 기능을 제공합니다. React 컴포넌트 class를 정의하려면 React.Component를 상속받아야 합니다.https://ko.legacy.reactjs.org/docs/react-component.html 리액트나 다른 프론트엔드 프레임워크를 사용하면 자주 나오는 단어 중 하나가 컴포넌트입니다. 그럼 컴포넌트는 무엇일까요?  컴포넌트의 영어 단어 뜻은 요소입니다. 즉, 컴포넌트는 요소를 말하는 것입니다. 그리고 지금 여기서 이야기 할 컴포넌트도 요소입니다. 간단하게 말해서 리액트와 같은 프론트엔드 프레임워크에서는 컴포넌트..

무주 반딧불 축제를 간 김에 전북 지역에 무주점에만 존재한다는 생맥주 무제한, 팥빙수 무제한 메뉴가 존재하는 명륜진사갈비에 갔습니다.  4,900원만 지불하면 생맥주를 무제한을 즐길 수 있는데요. 심지어 맥주도 켈리나 테라를 제공하고 있었습니다. 하지만 축제에 갔어야 했기때문에 맥주는 못 먹었어요. 나중에 전주에도 생기면 한 번 먹어봐야겠습니다.  이렇게 테이블마다 키오스크가 설치되어있어서 추가메뉴나 사이드, 주류 등을 직원을 부르지 않고, 시킬 수 있어요!  하이볼도 얼마전에 생겨서 이렇게 판매하고 있는 걸 볼 수 있습니다.  생맥주 무제한도 키오스크로 주문 할 수 있네요!  숯이 들어왔어요~! 무주의 기운때문인지 분명 같은 숯을 쓸텐데 전주 명륜진사갈비보다 화력이 세서 좋았습니다. 적당히 센 화력은 ..

급 부대찌개가 너무 먹고싶었습니다. 옛날에 자주 갔었던 놀부 부대찌개가 생각이 나서, 하가지구에 있는 놀부 부대찌개로 향했어요. 하가지구의 할리스 건물 2층에 있는 놀부 부대찌개의 메뉴는 이렇습니다. 어느새 보쌈도 판매하는 곳이 되었네요.  밑반찬으로 주신 오뎅볶음이에요. 오뎅볶음은 어디서나 배신을 하지 않는 것 같아요. 무난합니다. 오뎅볶음과 마찬가지로 배신하지 않는 콩나물 무침입니다.  잡채도 무난했어요.   당연히 샐러드도.. 음식의 주문은 각 테이블마다 배치된 키오스크를 통해 하면됩니다. 요즘은 물같은 것도 키오스크를 통해서 주문을 할 수 있어서 편리한 것 같아요. 집에 갈때도 좀 편해진 것 같구요.  대망의 부대찌개입니다. 허연 사골국물에, 하얀치즈와 노란치즈가 있고, 안에 햄사리들이 얼핏 보이..

친구따라 강남은 안가고,친구따라 포항에 갔어요. 친구가 대구에 살아서,친구도 볼 겸 대구에 갔는데대구 터미널에서 납치당해서포항 호미곳을 찍고, 오대양 물회에서물회를 먹어봤습니다.  포항 전통의 고추장 물회를 파는 곳이에요.사실 저는 물회라는 음식 자체를처음 먹어봤습니다. 애초에 주변에 회를 즐기는 사람이없어서 그런지 먹을 기회가 없었는데물회라는 음식을 먹어볼 수 있게 되었네요.  포항 오대양 물회의 메뉴판이에요.해산물을 자주 안먹어서 그런지저는 이 메뉴판에 써있는 가격으로도굉장히 충격을 많이 받았습니다. 물회 한접시에 2만 5천원이라니엄청 비싼거구나..라는 상각을 좀 했어요.  저기 톳인지 뭔지 모르겠는반찬 굉장히 맛있더라구요.  매운탕이에요.해산물을 잘 안먹어서매운탕도 먹을 기회가 별로 없었는데 사실 ..

요즘 웹 어플리케이션이든 모바일 어플리케이션이든 로그인, 회원가입 기능을 구현할 때 카카오, 구글, 페이스북 등으로 로그인을 하는 기능을 구현하는 것은 기본이 됐습니다. 그 중 카카오 로그인을 리액트와 자바 스프링부트 프로젝트에서 구현하는 방법이다. 가장 먼저 할 일은 카카오 디벨로퍼에서 앱을 생성하는 것이다.  https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com카카오 디벨로퍼에 로그인을 한 후, 상단의 네비게이션 바에서 내 어플리케이션을 누른 후,  애플리케이션 추가하기 버튼을 클릭하고 내 앱을 생..