- 전체보기(44)
- CSS(7)
- 스파르타코딩클럽(5)
- git(5)
- 1주차(5)
- js(4)
- html(4)
- 배열(3)
- 자바스크립트(3)
- 깃(3)
- 반응형(3)
- 실습_영화리뷰 페이지(3)
- 파이썬(2)
- operator(2)
- row(2)
- MDN(2)
- loop(2)
- 2주차(2)
- 명령어(2)
- 프론트엔드(2)
- array(2)
- tag(2)
- 시멘틱태그(2)
- COLUMN(2)
- display(2)
- github(2)
- 실습_팬명록(2)
- 반복문(2)
- 스파르타코딩(2)
- GET(1)
- ReactDOM(1)
- 프로그램(1)
- 프로그래머스(1)
- 드림코딩(1)
- 라이브러리(1)
- flex box(1)
- qureySelectorAll(1)
- http(1)
- 리액트(1)
- grid-template(1)
- on-(1)
- 개발(1)
- boolean(1)
- 패스트캠퍼스부트캠프(1)
- vscode연결(1)
- 객체(1)
- PORT(1)
- 연산자(1)
- React(1)
- 배열함수(1)
- input(1)
- 블리언(1)
- vh(1)
- 3주차(1)
- 데이터관리(1)
- number(1)
- 패스트캠퍼스개발부트캠프(1)
- 메모장(1)
- 비동기(1)
- class(1)
- for(1)
- JavaScript(1)
- onKeydown(1)
- 프로그래밍언어(1)
- attribute(1)
- method(1)
- Flexbox(1)
- selector(1)
- 조건문(1)
- error(1)
- kill -9(1)
- json(1)
- Toggle Button(1)
- 문자열과 숫자(1)
- 대입연산자(1)
- 프로그래밍(1)
- String(1)
- 문제 풀이(1)
- 패스트캠퍼스(1)
- click(1)
- fr(1)
- jquery(1)
- 함수(1)
- axios(1)
- 선택자(1)
- Simentic Tag(1)
- 그리드(1)
- 미디어쿼리(1)
- MediaQuery(1)
- arithmetic operation(1)
- localstorage(1)
- 리팩터링(1)
- 에러(1)
- 데이터타입(1)
- inline(1)
- console(1)
- onchange(1)
- 클래스(1)
- 마크업언어(1)
- 정답풀이(1)
- Fetch(1)
- submit(1)
- 알게된것(1)
- onClick(1)
- 토글버튼(1)
- 변수(1)
- if(1)
- 코딩(1)
- grid(1)
- 운영체제(1)
- clonecoding(1)
- navbar(1)
- conditional statement(1)
- 헤더(1)
- set(1)
- 유닛(1)
- 코딩용어(1)
- function(1)
- Event(1)
- qureySelector(1)
- scss(1)
- object(1)
- nav(1)
- refactoring(1)
- semantic tag(1)
- font-end(1)
- 클론코딩(1)
- 몽고DB(1)
- 프로그래머(1)
- API(1)
- npm(1)
- 비전공자(1)
- 실습_로그인페이지(1)
React
바닐라 JS와 리액트 JS의 차이점을 알고 어떤 장단점이 있는지 확인해 본다.Vanilla JS의 경우 HTML → JS 순서React JS는 이와 반대로 JS에서 HTML 요소를 컨트롤 한다.❗️여기서 사용된 html 샘플 코드는 리액트의 원리를 보여주기 위한 방식으
비동기 통신을 위한 Fetch 함수, Axios 라이브러리
네트워크 통신을 원활하게 하는 라이브러리feth() : 자바스크립트에 내장 되어있음axios() : 외부 라이브러리, 다운 필요, npm 패키지CDN: link 형식으로 html에 추가NPM ( node.js package manager): package로써 설치 사용
git push error 모음집(1)
git으로 프로젝트를 올리는데 뜨는 에러의 종류 깃허브에 로컬 프로젝트를 push하는 도중 아래와 같은 에러가 발생했다. 원인은 같은 레퍼지스토리에 push를 줬다는게 원인이라고 한다.새 래퍼지토리를 만들때 README.md를 직접 생성했는데, 그게 내 로컬에는 없는
git의 기초 명령어
23.3.23 실강1) fast foward merge (빨리감기 병합) Main 브랜치 내용이 업데이트 되지 않았을때 사이드 브랜치와 합치는 상황2) -....? merge (일반 병합)Main 브랜치의 업데이트 내용와 사이드 브랜치에 업데이트 된 내용이 다를때 먼
git과 github로 협업하기
깃은 버전을 관리하기 위한 용도로 사용되는데, 작업물에 유의미한 변화가 있을때 '커밋'을 통해 버전 관리를 할 수 있도록 한다.깃의 효용 1\. 변경된 내역을 확인 할 수 있음 2\. 히스토리 복구를 통해 백업이 가능 3\. 여러 작업자들과 협력을 용이하게 함
SCSS_Clone coding[1]
너비와 높이는 요소의 '콘텐츠 박스' 크기에만 적용 된다. 원하는 크기를 설정할 때, 테두리나 안쪽 여백을 고려해야 한다. 기본적으로 요소에 테두리나 안쪽 여백이 있으면 너비와 높이에 더해서 화면에 그린다. 이를 바꾸는 속성으로는 아래가 두 가지가 있다.content-
CSS-grid(2)
block 요소는 width와 height이 주어져 있지 않을 경우, width는 최대값으로 heigthdms '0'으로 표현된다.따라서, grid container에 height값을 지정해 줘야한다.fr = fraction(부분)gird에서 사용 가능한 공간을 뜻하며
JS-JSON
HTTPHypertext Transfer Protocal클라이언트와 서버간의 통신이 가능하게 해주는 역할!\*브라우저 위에서 동작client(웹사이트 / 웹어플리케이션) 🔛통신 Server => 요청 <= 응답AJAX Asynchronou
JS_배열 함수(문제 풀이)
Q1. make a 'string' out of an array✅ 정답Q2. make an array out of a string✅ 정답 Q3. make this array look like this: 5, 4, 3, 2, 1✅ 정답
Js_ Class & 객체(2)
클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀로, 객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다. 클래스를 만들고, new MyClass()를 호출하면 내부에서 정의한 메서드가 들어 있는 객체가 생성
Js_querySelector
배열과 반복문 활용(1)Data type : ArrayStatement : Loop & Array<문제>Day & Night 나이트 모드에서 'a'태그의 텍스트 가독성 떨어짐. <목표>나이트 모드일때 'a'태그 전체에 스타일을 주어 색상을 바꾼다! ( 각각의
Js_배열, 반복문
배열 배열은 하나의 변수에 여러 값을 저장하는 데 쓰이는 정적 리스트(static list)이다. 배열의 크기는 long 혹은 short가 아닌 int 값으로 특정되어야 한다. 배열에는 각 저장공간이 연속적으로 배치되어 있으며, 0부터 n-1까지 n개의 값을 특정 위치
Js_데이터 타입
자바스크립트 Data typesJavaScript 언어의 타입은 Primitive values(원시 값)과 object(객체\*)로 나뉩니다.number-문자열string-숫자