profile
걸음마 개발 분투기
태그 목록
전체보기 (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)
post-thumbnail

[SeSAC DT 과정] CSS - flex 단축 속성

flex는 flex-grow, flex-shrink, flex-basis의 단축 속성! ⭐️ 참고사이트이 3가지 속성은 따로 쓰지 않고, 대체로 flex 단축 속성으로 작성한다.flex container의 남은 너비를 flex item들이 어떻게 나눠가질 것인지를 지

2022년 2월 28일
·
0개의 댓글
post-thumbnail

[SeSAC DT 과정] HTML video, audio 태그 / CSS flex, filter

비디오파일, 오디오파일을 문서에 삽입할 때 사용형식(audio태그도 동일)속성값🐸 flex 속성 연습 게임(https://flexboxfroggy.com/보다 쉬운 레이아웃 배치를 위해 css3에 새롭게 추가된 display 속성형식 Display: fle

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

[SeSAC DT 과정] HTML input, section 태그 / CSS 단위

input\[type=“value”]대괄호: 속성 선택자 표시(class 같은 것)Input 태그 사용시 가장 많이 씀input 태그는 image, button 태그와 같이 인라인 요소이나 너비, 높이 들어감input 태그 작성시 label 태그 꼭 작성해야함(⭐️

2022년 1월 2일
·
0개의 댓글
post-thumbnail

[SeSAC DT 과정] HTML form, iframe 태그 / CSS 폰트 속성, Vender prefix

웹페이지 내에서의 입력 양식을 만들어준다.<input></input> : 입력요소를 만드는 태그<속성>type=“text/password/checkbox/radio/submit/reset/button/file/”html5 추가) type=“ email

2021년 12월 29일
·
0개의 댓글
post-thumbnail

[SeSAC DT 과정] CSS float, position, 가상선택자

블럭 요소들을 가로 정렬 할때 사용 하는 속성. 요소를 공중에 붕 띄우는 개념.하위요소를 float 설정-> 상위요소 height 값이 지정되어있지않다면 height 값은 0이 됨💡 해결 방법 상위요소의 높이값을 설정(문제: 하위요소 높이 달라지면 같이 바꿔줘야함

2021년 12월 26일
·
0개의 댓글
post-thumbnail

[SeSAC DT 과정] HTML table 태그 / CSS 기초 문법

형식속성scope=“row”(행 제목)/“col”(열 제목)셀 합치기colspan=“합칠 칸의 수” (수평)Rowspan=“합칠 칸의 수” (수직)margin요소와 요소 사이의 여백속성margin-top:margin-bottom:margin-left:margin-rig

2021년 12월 23일
·
0개의 댓글
post-thumbnail

[SeSAC DT 과정] HTML, CSS의 개념

1️⃣ HTML HTML(HyperText Markup Language) 웹을 표현하는 가장 중요한 기초적인 언어 웹의 구조를 만든다. HTML 기본 태그 헤드 태그 - 문서의 기본정보 바디 태그 - 출력되는 문서 내용 목록 태그 > - 부모 태그

2021년 12월 20일
·
0개의 댓글