일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- ::first-letter
- 인라인 레벨 요소
- BR
- textarea
- Border
- Python
- ::first-line
- !doctype html
- Ol
- 속성 선택자
- HTML정의
- JavaScript
- option
- rowspan
- JAVA 개발 환경 설정
- BODY
- table
- tag
- :active
- ::before
- 한정수 강사님
- colspan
- Head
- select
- 전체 선택자
- ul
- Form
- Li
- Title
- img
- Today
- Total
목록전체 글 (163)
개발 공부 기록하기
블로그 글에서 얻을 수 있는 것 1. 학습 주제 제공 주력 언어를 선택해서 그 커리큘럼대로 공부하는 것은 비전공자도 할 수 있음. BUT 언어를 공부한다고 해서 뭔가를 만들 수 있는 건 아님!! 하물며 게시판 하나 만드는 데에도 Libraries, Frameworks, Server, Database, Build tools, HTTP Protocol 등 알아야 할 것들이 무궁무진하다는 사실(ㅠ_ㅠ;;) 주제가 있어서 다양한 글을 접할수록 지식과 시야를 넓힐 수 있음. 특히, 비전공자에게는 아래 글들이 굉장한 도움이 됨. 좋은 회사에 다니는 신입 개발자들이 학습하고, 취업하기까지 과정, 회사에서 개발자로 일하는 과정 등을 기록한 글 → 전공자들에게 선배들이 해주는 역할을 대신해 줌. 주니어 개발자들이 개인 ..
ㅎㅎㅎㅎ... 갑자기 급발진해서 글씨에 그러데이션 넣을 방법 없나 구글링 해보고는 아래에 적용함..ㅎㅎㅎ 친절히 글 써주신 분 감샴니다❣ .text-gradient { color: transparent; background: linear-gradient(to right, #4285f4, #ea4335, #fbbc05, #4285f4, #34a853, #ea4335); /* ↑ 그러데이션을 넣어주는 속성. 방향 + 색상 코드로 구성됨. 나는 구글의 색을 따라해 봄. */ -webkit-background-clip: text; /* ↑ 요소의 배경이 어디까지 색을 채울지 정하는 속성 */ -webkit-text-fill-color: transparent; /* ↑ 텍스트 문자의 채우기 색을 지정하는 속성. ..
결국은 서울로 학원을 가는 걸 포기하고 본가가 있는 지방에서 학원을 다니기로 결정했다. (독립이 잠시 미뤄져서 속상하지만.. 별 수 있나... 현대인은 돈의 노예니까....) 그렇다고 서울과 엄~~청 멀리 떨어진 지방이 아니어서 그런지 다행히도(?) 내가 사는 이 지역에도 국비 학원이 있었다. 그래서, 지난 26일, 펑펑 쏟아지는 함박눈을 뚫고 학원에 상담을 다녀온 후기를 풀어볼까 한다. 아니 사실 후기라기보다 거기서 질문하고 들은 답들을 정리한 것에 가까울 거 같다. 내가 간 바로 그 학원만의 특성일 수도 있지만, 서울의 몇몇 학원을 상담차 다녀와 본 것 + 수많은 커뮤니티 글들에서 읽은 국비 학원의 특징(?) 등을 종합해볼 때, 굉장히 참고할 수 있을 공통점이 많을 것이라고 생각된다. Q1. HRD-..
https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 해볼만 한 게임(?)이다. 무엇보다 한글 지원이 돼서 좋다. 영카데미 김민영멘토님 통해서 알게 된 건데 강의 듣다 딴길로 샜음.. 읍읍;; order는 첨 보는데.. Do it 책에선 못봤다고...???
(반응형 웹 디자인에 적합한) 그리드 레이아웃grid layout을 만드는 방법 中 ⤻ 수식 첫 번째, 플렉스 박스 레이아웃flexible box layout. 낯선 용어들 먼저 정리하고 가자. ① flex container 플렉스 컨테이너, 부모 박스 flex item들을 모두 묶은 요소. ② flex item 플렉스 항목, 자식 박스 flex box를 구성하는 요소들 모두. 위 동영상에서는 1번 ~ 6번 박스들을 의미. ③ main axis 주축 flex box의 주된 배치 방향. 늘 수평방향을 의미하지는 않음. 위 동영상에서 1번 박스 왼쪽 위 꼭짓점을 '주축 시작점', 2번 박스 오른쪽 위 꼭짓점을 '주축 끝점'이라고 칭함. ④ cross axis 교차축 flex box의 주축과 교차하는 방향. ..
열심히 해두었던 영어 공부를 한참 쉬었더니 그나마라도 쌓아두었던 것마저 무용지물이 될 것 같아서 따로 영어 공부할 시간은 안 될 것 같고.. 강의를 영어자막 켜 놓고 보려고 한다..ㅎㅎ 속도가 느려질 수 있음ㅠㅠ (언젠 빨랐냐!) 03. CSS 트랜지션 트랜지션도 border처럼 한 가지 속성에 여러 가지를 지정할 수 있다. 이 와중에 강사님이 VSCode를 이용하는 걸 봤는데, 하나를 만들어 클래스 이름을 circle로 한다고 해놓고 .circle만 입력하더니 Tab을 눌렀다. 여기도 emmet이 숨어있을 줄이야..ㅋㅋㅋㅋ 굳이 div.circle이라고 쓰지 않아도 별다른 역할이 적히지 않은 div는 생략이 가능한가 보다. (JSFiddle, Codepen에서도 먹히는 거 확인했따 흐흐😎) 또한 CSS..