전체 글 526

★자주 사용하는 기초태그 모음★

posision:fixed; [메뉴박스 고정하고 싶을때] line-height : 150%; [글자간격]width: calc(100% - 150px); [비율에서 고정값 빼기] *{ margin:0; } html, body { height:100%; } background-image: url("#"); [배경 이미지] background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: center; img { width: 300px; height: 150px; object-fit: cover; }..

기초코드 2022.10.14

자식선택자와 후손선택자

s1 s2 : s1요소에 포함된 s2요소를 선택한다. (후손 관계) s1>s2 : s1요소의 직계 자식 요소인 s2를 선택한다.(자식관계) 예시: 단군의 후손 : 수천만명 이상 단군의 자식 : 10명미만 예를 들어 다음과 같은 코드가 있다면 사람 div a {color:red;} = 사람 후손선택자는 div안에 있는 모든 a가 선택되지만 div a { color:red; } = 사람 는 직접적인 자식이 아니기 때문에 선택되지 않는다.

코딩공부 2022.10.06

클래스101 개발자 로드맵

1. 가장 유명하고 쉬운 것들로부터 시작하자 2. 코딩을 익힌다면 목표하는 서비스를 빠르게 만들어보자 3. 코딩을 할 줄 알게 되면 배경지식을 늘려보자 4. 같이 할 사람을 찾아보자 첫 번째. 개발 모드를 잘 이해해라 (먼저 설계를 하고, 코딩할땐 빡집중해라) 두 번째. 매일 프로그래밍 기사를 접하는 환경을 만들어라 세 번째. 항상 내가 문제가 생겼던 부분들은 기록해두고 회고할 것(에버노트) [사이트] 아웃스탠딩(쉽고 재밌게 IT 뉴스를 포스팅해줌) : https://outstanding.kr/ [페이스북] 생활코딩 : https://www.facebook.com/groups/codingeverybody/ 스타트업-타임즈 : https://www.facebook.com/groups/startuptimes..

코딩공부 2022.10.01

개발자 테크트리 <프론트엔드> , <백엔드>

[프론트엔드 - 테크트리] 1. HTML, CSS, Javascript 문법 익히기 2. 브라우저에 대한 이해 & 렌더링 방식 이해 3. 간단한 프로젝트(+Git) 4. 객체 지향 프로그래밍(OOP) 공부하면서 자바스크립트로 코딩해보기 5. 웹 프레임워크로 React.js 공부 (+npm) 6. React를 이용한 프로젝트 7. 서버 공부하기(네트워크, HTTP, 인증) 8. 서버 구축 혹은 테스트용 서버를 이용한 프로젝트 9. CSR, SSR 방식에 대해 공부하기 10. 웹 번들링 도구인 Webpack, Babel 공부하고 React에 적용해보기 11. 타입스크립트, 혹은 모바일 어플리케이션 개발 [백엔드 -테크트리] 1. 네트워크 & HTTP에 대한 기본 이해 2. 서버용 프로그래밍 언어 공부(Jav..

코딩공부 2022.09.30