안녕하세요, 늘 부족하지만 아는 것을 공유하는 AlbertKo입니다! 드디어, ECMAScript 강의에 한 걸을음 내딛었습니다! 박수! 블로그 운영을 본격적으로 시작한지 얼마 지나지 않았는데, 글 올리는 주기가 너무 불규칙했네요 ㅜㅜ앞으로는 부지런히 운영할테니, 많은 관심 부탁드립니다! 저도 블로그를 유명하게 키워보고싶네요 ㅎㅎ 자, 그럼 본론으로 가시~ 기 전에, 제 계획에 대한 공지를 한 번 읽고 오시면 도움이 되지 않을까합니다. 흠흠, 그럼 정말 본론으로 들어가 보겠습니다. 우선 글의 제목을 보시면 var키워드와 let, const 키워드에 대한 설명을 드릴려고합니다. 사전에 var키워드에 대한 사전지식을 요구로하니, 한 번 훑어보고 오시길바랍니다. 그래도 간단하게 집고 넘어가자! var는 뭔가요..
안녕하세요. AlbertKo입니다. 기술 블로그 글을 안쓴지 많은 시간이 흘렀네요. 시간이라는게 생겨 다시 공부하며 운영을 하려고했는데,js에 대해 스스로 빈 곳이 많음을 알고서도 React에 대해 글을 썼다는 점에서 굉장히커리큘럼이 어긋났다는 것을 느꼈습니다. 흔히 요즘 웹개발을 하면 UI Lib / Framework 중 하나를 잡고 가는 것이 당연하다고 생각을 하였고,지금도 그렇다고 생각은하나, 그건 기본에 대한 이해도가 높은 사람들의 수준이란 것을 몰랐었습니다. 저는 고등학교에서 간단하게 C 를 배웠고, 프로그래밍에서 뭐가 중요한지 정확히 이해를 못했던 것 같습니다.그렇게 3학년 때 취업을 나오며 객체지향이란 것을 접해보지도 못했던 제가 거의 홀로서기 식으로C# 개발을 주로 맡게됩니다. 당연히 저는..
안녕하세요. AlbertKo입니다.오늘은 React-Router 라는 React의 ThirdParty Library를 사용해보도록 하겠습니다.react-router란?react-routerReact는 다른 UI Framework 들과 다르게 Library인건 다들 알고 계실겁니다.그러다 보니 웹을 개발하기 위한 전체적인 구성보다는 React는 Declarative View부분만 담당해줍니다. 그래서 SPA 안에서 redirect 없는 routing을 위해 나온 것이 react-router입니다. react-router는 facebook에서 만든 것은 아니지만, react를 쓰면서 routing을 해야한다면대부분의 사람들이 react-router lib를 사용하지 않을까싶네요 :) 원래 해당 라이브러리는 ..
안녕하세요. AlbertKo입니다.create-react-app으로 프로젝트를 만들면ts-lint가 옵션이 죄다켜져있어서 좀 빡박한 면이 많아서 개인적으로필요없는 옵션을 알려드릴테니 false 해주시면 될 것 같습니다. 형식 : - error message : "Option-Name" : false, - JSX elements with no children must be self-closing : "jsx-self-close": false, - Calls to 'console.log' are not allowed. : "no-console": false, - The key is not sorted alphabetically : "object-literal-sort-keys": false, - Class ..
안녕하세요! AlbertKo입니다.요즘 이래저래 바빠서 글을 꾸준히 업로드 하지 못하는 점 죄송합니다 ㅜㅜ 전에 올렸던 ToDoList를 어떻게 만든건지, React에서 Typescript로 개발하면서 material-ui 프레임워크를 어떻게 적용하는지 한 번 같이 진행해보도록 합시다 ㅎㅎ Material Design 이란? 불필요한 요소는 제거하고 본질만을 표현하는 디자인기법인 미니멀리즘을 추구하여 기존의 플랫한 디자인에 입체감과 원근감을 주는 방향으로 구글에서 발표한 디자인 가이드입니다. 이미 안드로이드를 사용하시는 여러분들과 구글에서 개발한 플랫폼들 역시 머터리얼 디자인입니다. Material-ui 홈페이지 위에는 Material-ui 홈페이지로 사용법에 관한 API와 예제를 확인할 수 있습니다. ..