DongEsssss

Typescript Javascript 뭘 사용해야 할까!우리는 리액트를 개발하면서 두 가지 갈림길에 서게 됩니다. (편의상 JS TS로 나눠서 말하겠습니다!)프로젝트를 시작할 때 JS -> npx create-react-app {projectname}TS -> npx create-react-app {projectname} --template typescript이런 식으로 나뉘게 됩니다. (저는 후자에 속합니다.) js는 먼저 설명을 드렸으니 ts에 대해서 설명을 드리도록 하겠습니다~ ts는 js기반의 언어입니다. 쓰는 방법은 차이가 있지만 기본적인 것들은 똑같습니다. Ts (Typescript)의 특징js의 상위 집합으로 js의 모든 기능이 있음ts 컴파일러를 사용하여 ts 파일을 js로 변환 정적 타..

오늘은 리액트의 개발환경을 구축해볼꺼에요. 일단 node.js를 설치해야합니다.https://nodejs.org/en/ 에 들어가서 lts 버전을 설치해주도록 합시다.저는 따로 설정한 것 없이 바로 install 했어요! 그 다음 node.js가 제대로 설치되었는지 확인을 해야겠죠?윈도우분들은 -> cmd를 켜주신 후 -> node -v 을 입력해주세요v20.14.0이 보이실꺼에요 그러면 설치가 된거에요 그렇다면 그냥 바탕화면 여러 프로젝트를 두면 바탕화면 개판이 되니바탕화면에서 그냥 폴더를 생성하든 난 좀 있어보이고 싶다 하시는 분들은 저는 바탕화면부터 들어가니cd desktop ( tip: 두글자 입력하고 tab을 누르면 자동 완성이 됩니다. 그게 아닌 경우는 똑같이 시작하는  파일들이 나열되니까 선..

웹 개발자가 되기 위해서 필수적으로 알아야 하는 HTML,CSS,Javascript는 무엇일까? 우리가 코딩을 하기 앞서서 웹 개발자로서 알아야하는 3가지가 있습니다.너무 길면 지루하고 재미도 없으니 간단하게 html, css, javascript에 대해서 알아보도록 하죠! HTML (Hyper Text Markup Language) HTML은 무엇인가? HTML 은 웹페이지를 위한 마크언 언어입니다.(언어라고 해서 우리는 HTML을 프로그래밍언어 라고 하지 않아요! 왜냐하면 마크 업 언어는 정적인 언어이기 때문이에요) 우리는 HTML을 가지고 Button, Input 등 다양한 태그를 사용해서 프로젝트에 뼈대를 구축하는 거예요. 간단하게 HTML 태그의 구조에 대해서만 알아볼게요( HTML에 대한 구조..

제가 개발일지를 쓰기로 한건 가장 큰 이유가 macos를 사용하는 사람이 있고, windowos를 사용하는 사람들이 있어요.일지에서는 아마 window 운영체제를 이용해서 할 것 같습니다. 만약에 macos를 사용하시는 개린이(개발자 + 어린이) 분이라면 댓글을 남겨주세요! 필자는 집에서는 window를 사용하고 밖에서는 macos를 사용합니다. 그러니 안되는 부분이나 어려운 부분이 있다면 말씀해주세요(개발하는 데에는 아무 문제 없는데 뭐가 궁금해 할꺼냐! )라고 물으신다면나중에 brew라는 걸 쓸 타이밍이 오기 떄문이죠 허허... 저는 typescript로 주로 개발을 하고 있습니다. 하지만 자바스크립트에 대한 기본 지식이 개발을 하면서 배우다보니 부족하다고 느끼는 부분이 꽤나 있기에 javascrip..

오늘은 리액트의 장단점과 저번 리액트의 특징에서 적지 못한 웹 개발할 때 많이 쓰는 Angular, Vue에 특징을 적어보도록 하겠습니다.(허허.... 이런 글을 적는게 처음이라 어떻게 정리할지 잘 모르겠습니다... 허허) 1. 리액트의 장단점장점1. 웹 개발자들이 가장 많이 사용하고 있어 방대한 커뮤니티, 자료를 통해 쉽게 배울 수 있다.2. UI 수정과 재사용성이 좋고, 코드의 가독성 또한 높일 수 있다.3. 개발에 도움이되고, 필요한 라이브러리들의 많이 있다.4. 타입스크립트와도 궁합도가 매우 좋다.5. 코드의 재활성이 좋아 생상성이 좋다.6. 코드를 쉽게 만들 수 있어 리팩토링과 반복 작업에도 효과적이다. 단점1. 리액트는 리덕스와 같은 상태 관리 도구를 사용하기에 많은 공부가 필요하다.2. 스타..

우리 멋쟁이 리액트는 어떤 특징을 갖고 있어서 웹 개발자들이 좋아하는 걸까나~리액트의 특징을 설명하기에 앞서서  React(리액트)는 페이스북에서 개발한 오픈 소스 자바스크립트 라이브러리로 사용자 인터페이스를 구축하기 위한 주요 도구 중 하나에요 우리는 리액트로 프로젝트를 개발하기 전에 리액트가 어떤 특징을 갖고 있는지에 대해서 알 필요가 있다고 생각해요!1. 선언적 프로그래밍이 가능하다프로그래밍에는 선언형이냐 명령형이냐 2가지가 있습니다.명령형 프로그래밍은 프로그래밍을 할 때 어떻게 할 것인가?선언형 프로그래밍은 프로그래밍을 할 때 무엇을 할 것인가? 한가지를 예를 들면 개발자는 화면에 어떤 요소들이 표시되어야 하는지를 선언하고, 리액트가 내부적으로 이를 처리하여 최적의 방식으로 화면을 업데이트합니다...

1) React(리액트)란 무엇인가! React는  웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 개발하기 위해 사용된다.이와 비슷한 프레임워크로는 대표적으로 Vue.js 와 Angular가 있다. 그렇다! 리액트는 우리같은 웹 개발자 혹은 웹 개발자를 꿈꾸는 개린이(개발자 + 어린이) 한테는 중요한 프레임워크이다. 👍 React의 대표작으로는 Facebook이 있다!  React는 SPA( Single Page Application ) 혹은 모바일 애플피케이션 개발에 사용이 됩니다.대규모 또는 복잡한 리액트 애플리케이션 개발에는 라우팅, API통신( 이건 나중에~ )등의 기능이 요구되는데  React는 아쉽지만 기본적으로 제공해주지 못해 아래 적은 라이브러리 설치 명령어를 통..

인사 박습니다!안녕하세요! 천안에 있는 대학교에서 컴퓨터공학부를 전공한 개발자입니다. 대학교 졸업한 지 1년 하고 8개월이 되었네요...저는 현재 강남에 있는 작은 회사에서 프론트엔드 개발자로 일하고 있는 애기 개발자입니다. 티스토리를 시작한 이유는 여러 사람들과 지식 공유도 하고 제가 잘못 이해한 부분이 있다면 바로 잡고 싶어서 시작하게 되었습니다. 늘 누군가에게 알려주려면 어버버 하는 경우가 있고 돌이켜보면 어렵게 공부해서 터득한 기술들이 잊어버리는 거 같아서요github도 하고 있지만 티스토리가 제 기준에서 코드 정리하는 거나 그때 당시를 적는 것도 편하다고 생각하여 시작하게 되었습니다. 제 티스토리는 개발자인 만큼 주된 내용은 개발에 관련된 내용(프론트엔드)에 관련된 내용이 주가 될 것이고, 소소..