독일개발자초록이

안녕하세요! 저번에 타입스크립트에서 as 키워드에 관해서 알아보겠습니다. 하지만 저번에 언급했듯 as 키워드는 실제 타입에 무관한 값이 들어가 있거나 혹은 그 타입을 충족하지 못하거나 않는 값이 들어가 있어도 받아들이기 때문에 사용하는데 주의를 요하는 키워드입니다. 이러한 문제를 보안할 수 있는 다른 키워드가 있습니다. 이 키워드는 현재 3-4개월 전에 나온 키워드입니다. 이는 satisfies라는 키워드입니다. 오늘은 그럼 satisfies라는 키워드가 어떻게 동작하고 어떻게 사용하면 되는지 짧게 알아보겠습니다. 글을 읽어보시고 공부하시는 것도 좋지만 가장 좋은것은 직접 손으로 타이핑하여 결괏값을 보는 것입니다! 그러니 가능하다면 따라서 코드를 쳐보시기 바랍니다!! as 대신 satisfies. 사용방..

타입스크립트 함수 작성 방법 안녕하세요. 오늘은 타입스크립트를 이용할 때 사용하면 좋은 함수 작성 방법을 알아보겠습니다. function 함수 arrow 함수 응용 마치며 1. function 함수 function은 우리가 예전에 가장 흔하게 사용하던 함수 작성을 도와주는 문법입니다. 하지만 현재는 ECMA 스크립트의 발전으로 function 함수보다는 arrow 함수를 사용하는 것이 일반적입니다. 하지만 그렇다고 function 함수가 오래되었으니 사용하지 않는 것이 좋다라는 뜻은 아닙니다. 상황에 따라서는 function 함수를 사용하기도 합니다. 또한 function 키워드를 사용하면 함수를 정의하기 전 함수를 부를 수 있는 장점이 있습니다. 이러한 상황이 많지는 않겠지만 정말 가끔가다가 유용하게 ..

내가 사용하는 VScode extention 추천. 비주얼 스튜디오 코드 익스텐션 추천 파트 2 안녕하세요. 오늘은 제가 개발 시 사용하는 VScode extention들을 추가로 이야기해보는 시간을 가지려 합니다. 개발을 하시다 보면 가벼우면서 여러 익스텐션이 존재하는 VScode를 많이 사용하십니다. 저 또한 그렇습니다. 그렇기에 오늘은 파트 2로써 제가 사용하거나 알게 된 유용한 익스텐션을 소개해보겠습니다. Peacock SynthWave '84 Import Cost 마치며. 1. Peacock 개인 프로젝트 혹은 혼자서 작업을 하시는 거라면 딱히 여러 개의 VScode를 프로젝트별로 열어두어야 하는 일은 적을 것입니다. 하지만 협업을 하게 되면 여러 개의 프로젝트를 열어놓고 확인해가며 일하시게 될..

개발자들은 어떻게 버전을 표기할까? SemVer란 무엇일까? 안녕하세요! 우리는 개발을 하면서 혹은 일상에서 버전에 관해서 많이 보고 들었습니다. 간단하게 자주 볼 수 있는 예를 제시하자면, 우리가 즐겨하는 게임을 실행하기 전 우리는 v 13.8.2와 같은 영어 v와 함께 여러 숫자들이 나열되어있는 것을 한 번쯤은 보았을 것입니다. 우리는 이를 보고 이 게임의 버전이구나 하고 생각하지만, 과연 어떻게 이러한 숫자들이 어떤 규칙을 따르는 것인지 그리고 그 규칙 중 하나인 SemVer 즉 semantic version에 관해서 알아보겠습니다. SemVer란? 마치며 1. SemVer란? SemVer란 Semantic Versioning의 약자로써 버전을 관리하는 형식 중 하나입니다. 많은 소프트웨워가 이러한..

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

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