본문 바로가기
React 가이드 노드 및 NPM 버전 정보 보기 node -v npm -v React 프로젝트 생성 npm init react-app npm init react-app . 개발모드 실행 npm run start 개발모드 종료 Ctrl + C 리액트 개발자 도구(크롬 확장 프로그램) 구글에서 "react developer tools" 검색 설치 2022년 3월 8일 이후 리액트 18 버전에서 index.js 파일을 보시면 ReactDOM.render 가 아니라 ReactDOM.createRoot라는 함수를 사용하는 코드가 만들어진다. 옛날 코드를 그대로 쓰게 되면 아래와 같은 경고 메시지가 개발자 도구 콘솔창에 나올 수 있습니다. import ReactDOM from 'react-dom/client'; const root.. 더보기
Node.js 가이드 또 다른 자바스크립트 실행 환경 서버용 프로그램을 만들 수 있는 환경 Node.js 설치 https://nodejs.org Node.js nodejs.org Visual Studio Code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Win.. 더보기
Express 간단 정리 Node.js 환경에서 서버 프로그램을 만들 때 사용하는 프레임워크이다. 서버 프로그램에 필요한 최소한의 기능 만 제공. https://expressjs.com/ko/ Express - Node.js 웹 애플리케이션 프레임워크 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save expressjs.com 그냥 Spring Boot 사용 추천 실전 단아 개발 가이드 더보기
모바일 웹 간단 정리 모바일 앱 구조 * 클라언트(프론트엔드) 아이폰 : Swift 안드로이드 : Kotlin 크로스 플랫폼(Cross Platform) Kotlin Swift React Native Flutter * 서버(백엔드) Java .. 더보기
웹 개발 간단 정리 웹 개발 - Front-end 개발 HTML, CSS, JavaScript React - Back-end 개발 API & Database(SQL) Java, Python, Kotlin, PHP, Ruby, JS Oracle, MariaDB(MySQL) 실전 단아 개발 가이드 더보기
GoF 디자인 패턴 디자인 패턴을 활용하면 단지 코드만 ‘재사용’하는 것이 아니라, 더 큰 그림을 그리기 위한 디자인도 재사용할 수 있습니다. 우리가 일상적으로 접하는 문제 중 상당수는 다른 많은 이들이 접했던 문제입니다. 디자인 패턴은 프로그램을 개발하는 과정에서 빈번하게 발생하는 디자인 문제를 정리해서 상황에 따라 간편하게 적용할 수 있게 정리한 것입니다. 잘 활용할 수만 있다면 적지 않은 시간과 노력, 시행착오를 줄일 수 있습니다. 우리 앞에 놓여진 것과 비슷한 문제를 해결하려고 선배들이 시간과 노력을 투자해서 이것저것 시도해 보고, 그중에서 가장 효과적이라고 알려진 방법이 ‘패턴’이라는 이름으로 자리를 잡았기 때문입니다. 패턴의 용도에 따라 분류하고 그에 따른 패턴의 종류에 대해 간단히 알아보겠습니다. 디자인 패턴 .. 더보기
강좌 목록 ★ 프로그래머의 세계 이해하기(완료: 개발자가 기본적으로 갖추어야 할 지식들) ☆ 프로그래밍 언어 이해하기 프로그래밍 프리뷰 프로그래밍 오버뷰 소프트웨어 이해하기 기본 지도 학습 알고리즘들 문제 해결 능력 기르기 Express 기본기 *Node.js 기본기 - React 웹 개발 시작하기 React로 웹사이트 만들기 React로 데이터 다루기 React 프로젝트: MBTI별 좋아하는 컬러 TypeScript 기본기 React에 TypeScript 적용하기 HTML 핵심 개념 UI 디자인 기초 CSS 레이아웃 CSS 핵심 개념 Styled Components 웹 퍼블리싱 프로젝트: MBTI별 좋아하는 컬러 웹 퍼블리싱 시작하기 반응형 웹 퍼블리싱 자바스크립트 모듈 자바스크립트 웹 개발 기본기 프로그래밍과 .. 더보기
개발자가 기본적으로 갖추어야 할 지식들 개발자가 기본으로 알아야 하는 대표적인 필수 지식 입니다. - 자료구조 - 알고리즘 - 객체 지향 프로그램 개발자 업무 - 기획 : 정의하는 업무 - 제작(개발) : 만드는 업무 - 테스트 : 확인하는 업무 - 출시(배포) : 사용하는 업무 - 사후관리(유지/보수) : 정상적으로 사용 할 수 있도록 유지하고 보수하는 업무 개발 방법론 폭포수(Waterfall), 애자일(Agile) 등 방법론은 시간 될 떄 공부하면 좋다. 단, 개발자가 현재 프로젝트의 업무에 흐름을 알아야하며 지금 할일과 앞으로 할 일을 알고 하는 것과 모르고 하는 것의 차이는 얼마나 큰 것 인가 생각해 봐야 한다. 관리자, 기획자, 개발자, 디자인너, 테스터, 사용자 오류(테스트) => 이슈[Open->In-progress->Resol.. 더보기
황우슬혜 사주 낙천적이고 의지가 강하며 종교생활이나 명상을하는 것도 건강을 지키고 운세를 밝게 하는 데 도움이 됩니다. 도도하고 세심하며 압도적인 비주얼을 갖고 있지만 수수하고 엉뚱함이 사람들의 마음을 사로잡아 끄는 힘이 있습니다. 지혜로움을 갖춰서 자신의 일에 누구보다 정진하고 몰두하여 좋은 결실을 거둡니다. 가정적인 환경에 대한 애착과 가족에 대한 헌신도 강하지만 연인이나 배우자는 천천히 약간 늦은 나이에 찾는 것이 좋습니다. 소박함이 매력이며 안정적인 직업을 갖은 분을 추천 합니다. 자신의 일을 제쳐두고 친구를 돕는 경우도 있지만 금전적인 도움이나 거래는 하지 않는것이 좋습니다. 자신의 감정을 숨기는 데는 약간 익숙하지만 자신을 표현하고 나서는데 겸연쩍어하며 지나치게 방어적이 되기 쉽습니다. 본인의 일을 잘 이해.. 더보기
문근영 프리미엄운세 본 사주는 자신이 타고난 운명을 노력으로 기회가 왔을 때 전력 질주하여 운명을 바꾸어 주위의 사람의 운명도 같이 행복하게 만듭니다. 직업 활동이외의 불필요한 방송 활동은 피하는 것이 좋으며 악플이나 거짓을 유포하는 범죄자에게는 선처하지 말고 무거운 처벌을 받을 수 있도록 전문가를 통해 대응하는 것을 권고 드립니다. 바다를 넘나들며 활동 할 수 있으니 외국어를 미리 배우는 것도 좋을 것 입니다. 활발한 성격으로 대인관계가 원만하며 활동의 반경도 넓은 편이라 볼 수 있습니다. 배경이나 타고난 능력이 자신의 삶에서 크게 도움이되지 않으나 다양한 경험을 통한 성장과 함께 노력이 새로운 기회를 만들어 내며 성공하게 됩니다. 선행이 다른 사람들을 기쁘고 사랑으로 행복하게 하지만 본인의 삶에 큰 도움을 주지는 못합니.. 더보기
고아라 프리미엄운세 호탕한 성품이라 궁한 줄을 모르고 크게 웃고 한잔 술에 길복이 따르지 않을 수 없습니다. 다른 사람들이 보기에는 나약해 보여 동정심을 받아내기는 쉽지만 실은 자신의 언행이 곧고 바르기 때문이며 비밀을 간직하지 못하는 정직하고 솔직한 것이 오히려 자신을 힘들게 만드는 경우가 있습니다. 다른 사람들과의 관계에서 상대방을 이해하고 배려하는 자세를 갖추고 있으니 상대방의 의견을 경청하고, 대화를 통해 서로의 관점을 이해하는 데 노력하니 모두 칭찬하고 따릅니다. 주변 사람들과의 소통을 통해 갈등을 해결하고 좋은 인간관계를 유지할 수 있도록 노력하는 것이 좋습니다. 바른 말을 잘해 칭찬을 받기도 하지만 친한 친구를 잃을 경우도 종종 있으니 가끔은 상대방에게 상처가 된다면 그냥 아무 것도 하지 않는 것이 좋습니다. .. 더보기
Salesforce Adm Free Dumps dumpsbase The most updated ADM-201 Dumps For your Administration Essentials for New Admins exam – Valid IT Exam Dumps Questions Most candidates are searching for the valid study materials to prepare for ADM-201 Administration Essentials for New Admins certification exam. Good news for all, the most updated ADM-201 dumps are online, which provide the great exam questions and verifie www.dumpsbase.. 더보기

티스토리툴바