profile
front-end developer dreamer
post-thumbnail

React : 쇼핑몰 프로젝트

react bootstrap 검색 후 사이트에 있는 설치 명령어를 터미널에서 입력해준다.npm install react-bootstrap bootstrap1) css, import로 복사해서 App.js에 붙여넣기2) css, link로 복사 index.html에 붙여

6일 전
·
0개의 댓글
·
post-thumbnail

React : 블로그 제작 & 기초 문법

Single Page Application 이란? 인스타그램, 페이스북 같이모바일 앱 처럼 새로고침 없이 화면이 바뀔 수 있도록 부르럽게 동작하는 웹 페이지를 말한다.npx: 프로젝트 생성해주는 명령어 제공node_modules 폴더: 라이브러리 코드 보관함public

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

Vue.js

Vue3_Wabpack GitHubApp.vuev-once : 일회성 보간{{ }} : 일반 텍스트로 해석v-html : 실제 HTML로 해석v-bind : HTML 속성 사용 v-bind 약어 : :v-on 약어 : @예 1)App.vue예2)App.vueApp.v

2022년 5월 24일
·
0개의 댓글
·
post-thumbnail

참조

FastCampus For BusinessKDT 핀테크 프론트엔드 개발자 2기(KDT FE2) 한 번에 끝내는 프론트엔드 개발 초격차 패키지 Online.생활코딩최우영 강사님박영웅 강사님

2022년 5월 23일
·
0개의 댓글
·
post-thumbnail

Bundler

구성 없는 단순한 자동 번들링소/중형 프로젝트에 적합Parcel GitHub매우 꼼꼼한 구성중/대형 프로젝트에 적합Webpack GitHubgit clone과 다르게 commit 내용을 초기화하고 copy할 수 있다.

2022년 5월 23일
·
0개의 댓글
·
post-thumbnail

SCSS

1. 주석 2. 중첩 scss css 3. 상위(부모) 선택자 참조 scss css 4. 중첩된 속성 scss css 5. 변수 scss css 6. 산술 연산 scss css 7. 재활용 scss css 8. 반복문 scss css 9. 함

2022년 5월 11일
·
0개의 댓글
·
post-thumbnail

JavaScript

for (시작조건; 종료조건; 변화조건) { }true, {}, \[], 1, 2, 'false', -12, '3.14' ...false, ' ', null, undefined, 0 -0, NaN(Not a Number)( ) => { } vs function ( )

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

Markdown

문법이 쉽고 간결하다!관리가 쉽다!지원 가능한 플랫폼과 프로그램이 다양하다! 표준이 없다!모든 HTML 마크업을 대신하지 못한다!동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세동해물과 백두산이 마르고 닳도록 하는님이 보우하사 우리나라 만세 무궁화 삼천리

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

HTML, CSS, JS로 만드는 스타벅스 웹사이트

웹 프론트엔드 개발의 핵심 줄기를 학습HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고, 그것으로 사용자와 상호 작용할 수 있도록 하는 것. 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당 실제 화면에 표시되는 방

2022년 4월 5일
·
0개의 댓글
·
post-thumbnail

Git/Github 기초

1. Git의 목적 > Version / Backup / Collaborate 1.1 git의 목적 1 - 버전관리 작업이 많아질 수록 파일들간의 수정사항들은 한눈에 보기 어려워진다. git은 각각의 수정사항을 버전으로 만들고 버전간의 차이점을 보여줄 수 있다. 여

2022년 4월 1일
·
0개의 댓글
·