Nuxt

lifecycle

vue에서 쓰이는 문법들 🤨

컴포넌트 예시를 보며 기본구조 파악하기!

TypeScript에 대해 알아보기 전에 타입스크립트가 나오게 된 배경을 살펴보자. JavaScript는 원래 클라이언트 측 언어로 도입되었으나, Node.js의 개발로 인해 JS는 서버 측 기술로도 활용 할 수 있어졌다. 그러나 JS 코드가 커질수록 소스 코드가 더 복잡해져서 코드를 유지, 관리, 재사용하기가 어려워졌다. 더욱 type 검사 및 컴파일...

React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 프레임워크.

실제 코드를 작성하기 전 테스트 코드를 먼저 작성하고,그 테스트 코드를 패스할 수 있는 실제 코드를 작성하는 개발방식테스트 코드 작성 > 테스트 실행 Fail > 테스트 코드에 맞는 코드 작성 > 테스트 실행 PassTDD를 하므로 인해 많은 기능을 테스트하기에 소스

🌼 CSS 구조(Architecture) 🌼 CSS 전처리기(CSS preprocessor)

🌼 npm npm이란? NPM은 Node Package Manager의 약자이다. 자바스크립트 패키지 매니저이고 NodeJS에서 사용할 수 있는 모듈들을 패키지화하여 모아둔 저장소 역할을 하며 설치/관리를 수행할 수 있는 CLI를 제공한다. 패키지 설치 npm i

HTTPS HTTPS는 기본 골격이나 사용 목적 등은 HTTP와 거의 동일하지만, 데이터를 주고 받는 과정에 ‘보안’ 요소가 추가되었다는 것이 가장 큰 차이점이다. HTTPS를 사용하면 서버와 클라이언트 사이의 모든 통신 내용이 암호화된다. 우리가 특정 파일에 암호를

git이란 버전관리 시스템으로 프로그래밍을 하며 그때그때 수정사항을 기록하고 버전을 저장하기 위해 사용한다.$git init현재 사용 중으로 열려있는 git의 폴더 경로를 확인하는 명령어이다.$git config --global user.email(사용하는 이메일)$g

🌼 구문(Syntax)과 기본 문법 🌼 DOM 조작 방법 배우기 🌼 Fetch API / Ajax(XHR) 배우기 🌼 모듈러 JavaScript와 ES6+ 배우기 🌼 개념 이해하기 호이스팅 이벤트 버블링 스코프 프로토타입 Shadow DOM Strict

CSS 기초 배우기 레이아웃 만들기 floats Positioning Display CSS Grid Flex Box 반응형 디자인과 미디어쿼리

🌼 기초 배우기 🌼 의미론적(Semantic)인 HTML 작성 🌼 폼과 유효성 검사 🌼 컨벤션과 모범 사례(Best Practice) 🌼 접근성 🌼 기본 SEO

🌼인터넷은 어떻게 작동될까요? 🌼HTTP는 무엇일까요? 🌼브라우저와 동작 원리 🌼DNS와 작동 원리 🌼도메인 네임은 무엇일까요? 🌼호스팅은 무엇일까요?

로드맵 출처는 여기!

상품 상세페이지나 아이디 서칭할 때 이런식으로 값 넘기고받는 쪽에선이런식으로 파싱

🎀 작업환경 🎀front-end : reactback-end : spring배포환경 : ubuntu 20.04 / apache어헉흐륵흙흑흑나를 괴롭게 한 오늘의 문제를 소개한다local에서는 api랑 통신 잘 해서 값 잘만 받아오더니만,,빌드해서 서버에 올리니까

리액트 들어가기 전에 최신 자바스크립트 기술에 대해 공부해보자 :D (와,,신난다,,)