분류 전체보기
-
웹디자인기능사 필기 합격.일상 기록 2022. 6. 12. 22:40
우선, 공부량은 인터넷에 공개된 기출문제 중심으로 3~4일 정도? 검색으로 찾아낸 요점정리 파일을 통해 대략적인 흐름을 파악한 후에 기출문제를 풀기 시작했다. 웹디자인기능사 필기시험 문제들이 문제은행식이라는 기존의 후기들을 믿고(?) 기출문제 모의고사 오답노트 정리에 중점을 두면서 공부를 했다. 정리하면서 반복적으로 틀리는 부분에 대해선 요점정리로 보완을 했으며 애초에 맞았던 문제라도 망설였거나 불확실한 정보로 맞혔던 것은 다시 요점정리를 보면서 확인했다. 결과는 81.66 첫 모의고사가 57점이었으며, 최고점이 80점이었던 것을 감안하면 정말 좋은 결과였다. 운이 좋았거나, 이번 시험의 난이도가 쉬었거나... 아니면, 내 오답노트가 효과가 있었거나... ㅎ 웹디자인기능사 필기를 준비하시는 분들에게 도움..
-
코딩을 배운지 이제 한 달이 지났다. (feat. 퇴사 3개월째)일상 기록 2022. 6. 8. 23:16
첫째주는 멀미와 두통이 수반된 나날의 연속이었으며 둘째주는 그날 그날의 수업은 얼렁뚱땅 이해가 되지만, 막상 응용을 하려고 하면 머리가 새하얘지는... 나날들이었고, 셋째주는 이해될듯한 말듯한 뭔가... 한 30% 부족한 느낌으로 꾸역꾸역 진도를 따라가고 있는 느낌이었다면, 넷째주는 간단한 메뉴일지라도 내 손으로 만들어지는 웹페이지를 보며 뿌뜻함을 느끼는 마지막 주였다. 누구나 처음부터 잘할 수는 없지만, 그래도 잘하고 싶은 마음에 오버페이스로 의욕만 넘쳤던 한 달이 주마등처럼 지나간다. 모든 수업의 내용을 100% 이해했다고는 할 수 없지만, 선생님께서 중요하다고 꼭 집어주셨던 몇가지 속성들만큼은 나름의 구글링과 관련 유튜브를 통해 파악해보려고 노력했다. '그래도 잘 버티고 있어.' 아직도 가야 할 길..
-
inline-grid (라이브러리)코딩/CSS 2022. 6. 3. 16:01
지금까지 수업을 들으면서 요소 사이사이의 미묘한 공백들이 신경쓰였는데 그걸 없앨수 있는 방법을 드디어 배웠다. 심지어 당장 이해하기 어려우면 우선, 코드를 복붙해서 써먹으란다. 이제야 속이 다 후련하군. inline-grid 라이브러리란? inline-block을 이용해서 만든 그리드 라이브러리. 요소를 공백없이 가로로 배치하기 위해 사용한다. .class로 활용 .inline-grid { font-size: 0; } .inline-grid > * { display: inline-block; vertical-align: top; font-size: 1rem; }
-
CSS 선택자 모음1 ( 내 위주)코딩/CSS 2022. 6. 1. 22:19
학원 선생님께서 CSS 선택자 공부할 때 도움이 될거라며 수업시간에 알려주신 게임(?) 사이트. 총 32단계로 되어 있는 나름 알찬 구성의 선택자 게임이다. CSS Diner 처음엔 반신반의했지만, 정말 CSS 선택자 공부에 많은 도움이 되고 있기에 오늘 포스팅은 이 게임을 하면서 반복적으로 헷갈렸던 부분 위주로 정리해봤다. A B A 내부의 모든 B를 선택 A > B A의 직계자식인 B를 선택 A * A 내부의 모든 요소를 선택 A + B A 바로 뒤에 오는 B 요소를 선택 서로 뒤따르는 요소를 형제라고 한다. !!! div + a 는 div 바로 다음에 오는 모든 요소를 선택한다. !!! A ~ B A ~ B는 A 다음에 오는 모든 B를 선택 이것은 A + B와 비슷하지만 A 다음에 오는 B요소를 하..
-
Normalize.css (노멀라이즈 모음)코딩/CSS 2022. 5. 30. 15:17
노멀라이즈란? 기존에 적용되어 있는 스타일을 제거하여, 평범하게 만들어 주는 과정이다. 노멀라이즈를 할 때에는 항상 CSS 위 쪽에 써 준다. a의 노멀라이즈 a { color:inherit; text-decoration:none; } body의 노멀라이즈 body { margin:0; } 리스트 태그의 노멀라이즈 ul, li { list-style:none; margin:0; padding:0; } 헤딩 태그의 노멀라이즈 h1, h2, h3, h4, h5, h6 { margin:0; font-weight:inherit; font-size:inherit; }