전체 글 119

자바스크립트 동기? 비동기? 초보 개발자 공부

자바스크립트 동기? 비동기? 초보 개발자 공부 오늘은 자바스크립트의 동기, 비동기 함수에 관해서 이야기해보려 합니다. 우리는 개발을 진행함에 따라 이러한 말들을 많이 들어볼 텐데요. 오늘도 아주 쉽게 알아보도록 하겠습니다. 자바스크립트 작동원리. 동기 함수란? 비동기 함수이란? 마무리. 1. 자바스크립트 동작원리. 우리는 동기, 비동기 함수들을 알아보기 전 자바스크립트가 어떻게 작동을 하는지 잠시 들여다볼 필요가 있습니다. 우리가 사용하는 언어는 대부분 2가지의 형태를 띠고 있습니다. 컴파일러 언어 혹은 인터프리터 언어가 그것입니다. (자바 혹은 C#과 같이 JIT 컴파일러를 사용하는 언어도 있습니다.) 컴파일러와 인터프리터에 관해 좀 더 자세히 알고 싶으시다면, 아래의 링크를 확인해주세요. https:..

custom hook 이란? React hooks custom hook 이란?

custom hook 이란? React hooks custom hook 이란? 오늘은 짧게 리액트 훅에서 커스텀 훅을 알아보겠습니다. 커스텀 훅이란 말 그대로 개발자가 스스로 커스텀 한 훅을 말합니다. 예를 들면 useState, useEffect, useContext 등은 이미 내장되어 있는 훅으로 바로 사용 가능하지만, 커스텀 훅은 개발자의 입맛에 따라 만들어 사용 가능합니다. 그럼 짧게 커스텀 훅은 무엇이고 또 언제 왜 사용하는지 간단히 알아보겠습니다. (어느 정도 커스텀 훅에 관해 알고 계신다면 바로 코드 예시로 가시는 것도 좋은 방법입니다.) 커스텀 훅이란? 언제? 왜? 사용하는가. 코드 예시. 마치며. 1. 커스텀 훅이란? 우리는 리액트를 사용할 때 상태에 관해서 많은 신경을 쓰게 됩니다. 리..

개발자로써 아우스빌둥 박람회에 참여하기.

개발자로서 아우스빌둥 박람회에 참여하기. 오늘은 오랜만에 아우스빌둥에 관한 이야기를 해볼까 합니다. 예전에 제가 아우스빌둥 박람회에 관해 설명하고 아우스빌둥을 준비하시거나, 더 많은 정보를 얻기 위해 가능하다면 꼭 박람회를 참여해보시라고 추천드렸습니다. 그리고 이번에 저는 아우스빌둥의 정보를 얻기 위해서가 아닌 박람회에서 정보를 드리기 위해 회사를 대표해 참여하게 되었습니다. 애석하게도 현재 상황으로 대부분의 박람회가 취소 혹은 온라인으로 변경되어, 직접 1 대 1로 정보를 드리지는 못했지만, 온라인 박람회를 통해 회사의 분위기, 장단점, 커리큘럼 등 많은 정보를 전달하였습니다. 오늘은 어떻게 박람회 준비를 했고, 당시 상황은 어땠는지 적어보려 합니다. 아우스빌둥 박람회란? 온라인 박람회 준비과정. 온라..

M1 맥북 구매 후기

M1 맥북 구매 후기 안녕하세요. 요 근래 이래저래 학교다, 시험이다, 프락티쿰이다 등등 너무 바빠서 통 블로그를 관리하지 못했네요. 맥북을 구매하게 된 계기? 맥북 에어란? 맥북을 사용하면서 느낀점 마무리 1. 맥북을 구매하게 된 계기? 현재 제가 사용하는 에이서 맥북이 시간이 지남에 따라 너무 느리고 불편해지기 시작했습니다. 직접 개발을 하는 입장에서, 컴파일, 반응, 업데이트 속도가 느리고 버벅거린다는 건 정말 불편하고 짜증 나는 일일 것입니다. 그러하여 이번에 새로운 노트북을 구매해야겠다고 느꼈습니다. 언제나 그렇듯 맥북은 비싸니까...라는 생각에 에이서, 레노버 노트북을 보고 있었습니다. 그러던 중 여자친구가 그러더군요. 맥북을 구매하라고 이번에 M1칩을 탑재하면서, 성능도 좋아지고, 가격 또한..

[Day] 일상 2021.07.04

useReducer 란? React hooks useReducer란?

useReducer 란? React hooks useReducer 란? 저번 포스팅으로 useContext에 관해 알아보았습니다. 이번 시간에는 useReducer를 알아보고 useContext와 함께 사용되는 예시를 알아보겠습니다. 사실 useContext를 사용 시 useReducer 없이도 충분히 문제없이 사용 가능합니다. 하지만 useReducer를 통해서 좀더 깔끔하고 이해하기 쉽게 알아보겠습니다. useReducer란? useContext와 사용 방법 마치며 1. useReducer란? 우리는 상태를 업데이트할때 useState라는 훅을 이용합니다. useReducer 또한 상태를 관리할 때 사용하는 훅이며 특히나 useContext와 같이 사용되는 경우가 많습니다. 기본적으로 useReduc..

useContext란? React hooks useContext란?

useContext란? React hooks useContext란? 오랜만에 리액트 주제를 적어보네요. 이제 독일에도 봄이 진짜로 왔는가 봅니다. 산책을 나가보니 새소리와 벌레소리는 여기저기서 들리고, 꽃도 여기저기 많이 피었더군요. 자 그럼 보론으로 들어가 보겠습니다. 목차. useContext 란? 사용 방법? 어디에 사용하면 좋은가? 마치며. 1. useContext란? useContext란 무엇일까요?? useContext는 쉽게 말하면, 내게 필요한 props를 글로벌하게 사용할 수 있게 도와준다고 말할 수 있습니다. 우리는 리액트로 작업하면서 props를 정말 많이 사용하게 됩니다. 부모에서 자식 클래스로 바로 넘겨주는 props라면 크게 불편할 것 없이 인자를 넘겨주면 되겠지만, 부모에서 자..