아는만큼 보인다.

안녕하세요! ES라고 아시나요? JavaScript를 포함한 스크립트 언어를 배운다면 흔히 접하는 단어입니다. 그 중에서도 ES6나 ES6이후 문법들이라는 말들이 되게 많습니다. ES는 뭐고 몇까지 있을까요? ES ECMAScript의 약자로 ECMA International이 정의하고 있는 표준화된 Script 프로그래밍 언어입니다. ECMA ECMA란 European Computer Manufacturers Association라는 정보와 통신 시스템을 표준화하는 기구입니다. 후에 국제적 확장을 고려하여 뒤에 International이라는 이름이 붙게 되었습니다. ECMA International은 JavaScript말고도 여러 언어의 규격을 표준하고 있는 기구입니다. 그 중 JavaScript는 E..

여러분은 TypeScript를 사용하실 때 타입 지정을 뭘로 하시나요? TypeScript에는 크게 2가지로 타입을 명시할 수 있습니다. interface와 type 으로 말이죠. 근데 사실상 타입 지정만 생각한다면 둘은 어떤 차이가 있는지 모를 수 있습니다. 둘은 비슷하면서도 아주 다릅니다! 평소 많이 사용하면서 어떤 때에 적절히 사용하는 것이 좋을까 생각해 작성해 보았습니다. interface 첫 번째 키워드 interface, interface는 타입을 지정할 수 있지만 객체의 타입을 지정합니다. 객체가 아닌 다른 곳에는 사용을 못하죠. interface UserType { name: string; age: number; isAdult: boolean; } const user: UserType = ..

안녕하세요! 설 연휴 잘 보내시고 계신가요? 어제 오늘 갔다오니 피곤하네요..ㅎ 이번 글은 제 지식과 우아한 타입스크립트 with 리액트라는 책을 참고해 Typescript에 대해 알아보는 글입니다! ❓ Typescript? TS를 왜 쓰는지 알기 위해선 우선 무엇인지 알아봐야겠죠? Typescript는 마이크로소프트에서 개발한 Javascript의 슈퍼셋 언어입니다. 슈퍼셋은 기존 언어에 새로운 기능과 문법을 추가해 보완하거나 향상하는 것을 말한다. 기존 언어와 호환되며 일반적으로 컴파일러 등으로 기존 언어 코드로 변환되어 실행된다. Typesript는 Javascript의 슈퍼셋 언어입니다. 보통 기존 언어의 슈퍼셋 언어가 나오는 이유는 그 전 언어의 불편한 점이 생기고 이를 개선하고자 나옵니다. 그..

안녕하세요! 이번 글에서는 정말 유용하고 널리 쓰이는 react-hook-form에 대해 알아보려 합니다.react-hook-form은 react에서 form 관련 코드를 줄이고 다양한 기능을 제공하는 라이브러리인데요.특히 여러개의 입력이 필요할 때 유용하게 쓰입니다! ❓ react-hook-form?이름에서부터 알 수 있듯이 React 기반의 form 라이브러리입니다. 이 라이브러리는..

오늘은 정말 널리 알려져있고 중요한 Javascript의 타입 종류를 알아보겠습니다. let arr = [1, 2, 3, 4, 5]; let arr2 = arr; arr[0] = 10; console.log(arr2); 위 console.log의 값은 뭘까요? 정답은 [1, 2, 3, 4, 5]입니다. 혹시라도 [10, 2, 3, 4, 5] 일 수 있지 않나?라는 생각이 든다면 이번 글 잘 읽어주세요! ❓ 원시 타입? 원시? 저는 처음 들을 때 뭔가 고대적인 느낌이 났는데요..ㅎ JS의 원시 타입이란 실제 데이터 값을 저장하고 저장된 값을 변수가 직접적으로 가리키는 형태의 타입입니다. 종류로는 string, number, boolean 등 JS의 기본 데이터 타입들이 원시 타입에 해당합니다. 또한 원시 ..

음 저는 클로저라는 단어를 처음 들었을 때 바보같이 Closer라는 단어인 줄 알아서 가까운..? 했던 기억이 나네요! 하지만 클로저의 스펠링은 Closure! 폐쇄라는 의미를 가지고 있습니다. Javascript를 한다면 참 많이 듣는 단어 중에 하나가 아닐까 싶습니다. 이번 글에서는 Closure에 대해서 정리 해보겠습니다. ❓Closure 클로저는 JS에서 중요한 개념 중 하나입니다. 하지만 그래서 JS 고유의 개념이 아니라 함수를 일개 객체로 취급하는 함수형 프로그래밍 언어들에서도 사용되는 중요한 개념입니다. 클로저를 한 번쯤 검색해보신 분들은 아마 공통적으로 아래 문장과 비슷한 말을 보셨을 것 같습니다. 함수와 그 함수가 선언 된 Lexical Environment(어휘적 환경)의 조합이다. 음..

안녕하세요! 이번 글에서는 웹 개발에선 빠질 수 없는 Javascript라는 언어의 동작 방식에 대한 글을 써보려고 합니다.저는 2달 전에 졸업하신 선배님께 프론트엔드 모의 면접을 봤습니다! 이때를 기준으로 여러 기술의 동작원리와 내가 왜 쓰는지에 대한 생각들이 많이 들었고 또 공부했습니다. 저는 Javascript라는 언어로 개발을 합니다.그런데 Call Stack, Event Loop 등의 단어를 들어도 그게 무엇인지 전혀 몰랐습니다.. 반성해야 하는 부분이죠.Call Stack, Task Queue, Event Loop 등의 단어들은 JS 동작원리 그 자체라고도 할 수 있기 때문에 잘 읽어주세요!❓JS는 싱글 스레드Javascript는 싱글 스레드입니다. 스레드라는 단어가 무엇인지 알고 넘어가자면 ..

안녕하세요..ㅎ 티스토리 뉴비이자 프론트엔드 개발자 이운린이라고 합니다! 먼저 첫 글로는 무엇을 쓸까 고민을 많이 했는데 프론트엔드 개발자인만큼 프론트엔드 3대 프레임워크(라이브러리) 중 하나이자 가장 널리 쓰이는 React에 관한 글을 써보고 싶었습니다! 많이 미숙한 부분이 있을 수 있지만 글 쓰기 초보자의 성장기라고 생각해주세요! ❓React란 뭘까? React의 공식문서 페이지를 들어가보면 React를 위 문장으로 정의합니다. (React의 개발사는 페이스북입니다!) 사실 처음 시작할 때는 React가 무엇인지도 모르고 "어 다른 프론트엔드 개발자들은 전부 React를 사용하네?" 같이 수동적으로 React를 시작하는 프론트엔드 개발자 분들이 대부분이라고 생각합니다. 저 역시도 학교에 재학하면서 학..