이제까지 수십 개의 커뮤니티, 블로그 글, 유튜브를 비롯한 영상 등을 참고했을 때는 그 자료들 속 모두가 하나같이 '뭐라도 만들어봐야 한다'라고 주장했었어도 "에이 배운 것도 얼마 되지 않는 주제에 무슨 토이 프로젝트야...."라고 생각하고 말았었다. HTML, CSS 정도까지 허덕이며 공부해 온 내가? 겉모양 꾸미는 건 배운 걸로 어찌어찌하더라도 뭔가가 동작할 수 있으려면 최소한 자바스크립트(JS)는 할 줄 알아야 한다던데? JS까지 공부하고 나서 만들어 봐야지! 근데 JS까지 하고 나면 도대체 언제 만드냐... 하지만, 영카데미 김민영 멘토님이 해주신 (무료) 컨설팅 조언을 듣고 그렇게 생각했던 마음을 고쳐먹었다. "맨 땅에 헤딩하더라도 부딪쳐가면서 배우는 것이 있을 것"이라고. 지금 JS를 아무것도..

블로그 글에서 얻을 수 있는 것 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의 주축과 교차하는 방향. ..