- 전체보기(44)
- TIL(41)
- 2021 SeSAC DT 과정(15)
- 노개북(11)
- Java Script(11)
- 노마드개발자북클럽(10)
- 실용주의 프로그래머(10)
- React(7)
- CSS(7)
- js array(4)
- js - object(4)
- JS class(3)
- vue(3)
- html(3)
- js - APIs(3)
- React Component(3)
- git(2)
- js - method(2)
- js - 반복문(2)
- CSS flex(2)
- react Onclick(2)
- react props(2)
- github(2)
- js function(2)
- css - box model(2)
- redux store(1)
- css display(1)
- html iframe태그(1)
- Vue - components(1)
- jquery - method(1)
- html section태그(1)
- css 폰트지정(1)
- 알고리즘(1)
- js - event(1)
- CSS - position(1)
- js - template literals(1)
- CSS 단위(1)
- Vue - Reactivity(1)
- js - Cloning(1)
- ajax(1)
- react hook(1)
- html input태그(1)
- react-modal(1)
- React Context(1)
- flex-basis(1)
- js - for문(1)
- js - use strict(1)
- js - variable(1)
- html - 테이블 태그(1)
- html기본태그(1)
- css 선택자(1)
- js - class 상속(1)
- flex grow(1)
- js - property(1)
- html form태그(1)
- 자바스크립트(1)
- css vender prefix(1)
- react state(1)
- js - Computed properties(1)
- Vue - instance(1)
- js - selector(1)
- js - 자료 구조(1)
- flex-shrink(1)
- git merge(1)
- js library(1)
- react - Input(1)
- js - instanceOf(1)
- JS 조건문(1)
- CSS property(1)
- js - in operator(1)
- Redux - Dispatch(1)
- axios(1)
- js iife(1)
- js - spread operator(1)
- CSS Module(1)
- git branch(1)
- js - 화살표 함수(1)
- js - hoisting(1)
- js - defer(1)
- 개발자(1)
- react-redux - useSelector(1)
- Vue - event(1)
- javascript - setTimeout(1)
- React JSX(1)
- js - arrow function(1)
- web app(1)
- css filter(1)
- js - getter(1)
- react - useEffect(1)
- html - audio(1)
- css-가상선택자(1)
- JS This(1)
- styled component(1)
- react - onChange(1)
- redux reducer(1)
- html - video(1)
- react-redux - Provider(1)
- 코딩(1)
- Vue props(1)
- redux(1)
- vue router(1)
- CSS 가상 선택자(1)
- 웹접근성(1)
- 노마드북클럽(1)
- react - useState(1)
- css - preprocessor(1)
- scss(1)
- js - operator(1)
- js-async(1)
- js - overriding(1)
- js - setter(1)
- js - parameter(1)
- 자바스크립트 알고리즘(1)
- 프로그래머스(1)
- react - component life cycle(1)
[SeSAC DT 과정] CSS - flex 단축 속성
flex는 flex-grow, flex-shrink, flex-basis의 단축 속성! ⭐️ 참고사이트이 3가지 속성은 따로 쓰지 않고, 대체로 flex 단축 속성으로 작성한다.flex container의 남은 너비를 flex item들이 어떻게 나눠가질 것인지를 지
[SeSAC DT 과정] HTML video, audio 태그 / CSS flex, filter
비디오파일, 오디오파일을 문서에 삽입할 때 사용형식(audio태그도 동일)속성값🐸 flex 속성 연습 게임(https://flexboxfroggy.com/보다 쉬운 레이아웃 배치를 위해 css3에 새롭게 추가된 display 속성형식 Display: fle
[SeSAC DT 과정] HTML input, section 태그 / CSS 단위
input\[type=“value”]대괄호: 속성 선택자 표시(class 같은 것)Input 태그 사용시 가장 많이 씀input 태그는 image, button 태그와 같이 인라인 요소이나 너비, 높이 들어감input 태그 작성시 label 태그 꼭 작성해야함(⭐️
[SeSAC DT 과정] HTML form, iframe 태그 / CSS 폰트 속성, Vender prefix
웹페이지 내에서의 입력 양식을 만들어준다.<input></input> : 입력요소를 만드는 태그<속성>type=“text/password/checkbox/radio/submit/reset/button/file/”html5 추가) type=“ email
[SeSAC DT 과정] CSS float, position, 가상선택자
블럭 요소들을 가로 정렬 할때 사용 하는 속성. 요소를 공중에 붕 띄우는 개념.하위요소를 float 설정-> 상위요소 height 값이 지정되어있지않다면 height 값은 0이 됨💡 해결 방법 상위요소의 높이값을 설정(문제: 하위요소 높이 달라지면 같이 바꿔줘야함
[SeSAC DT 과정] HTML table 태그 / CSS 기초 문법
형식속성scope=“row”(행 제목)/“col”(열 제목)셀 합치기colspan=“합칠 칸의 수” (수평)Rowspan=“합칠 칸의 수” (수직)margin요소와 요소 사이의 여백속성margin-top:margin-bottom:margin-left:margin-rig
[SeSAC DT 과정] HTML, CSS의 개념
1️⃣ HTML HTML(HyperText Markup Language) 웹을 표현하는 가장 중요한 기초적인 언어 웹의 구조를 만든다. HTML 기본 태그 헤드 태그 - 문서의 기본정보 바디 태그 - 출력되는 문서 내용 목록 태그 > - 부모 태그