TIL ( CODESTATES) (62) 썸네일형 리스트형 css - display & position (드림코딩 by 엘리) display vs. : inline / block / inline-block : 기본값 inline. 공간이 있으면 한 라인에 컨텐츠를 여러 개 넣음. css에서 width, height을 설정한 것과는 무관하게 컨텐츠의 크기만큼만 차지. 이 때문에 width, height, background color 가 있더라도 태그 안에 컨텐츠가 없으면 나타나지 않는다. : 기본값 block. 한 라인에 하나만, css에서 설정한 width, heigth를 적용 ** inline-block : 한 라인에 여러 컨텐츠를 넣으면서 width, heigth도 적용 display : 기본값으로 표시된 것을 변경할 때 예를 들어 span의 기본값은인 inline을 display : block; 으로 바꿔줄 수 있음 po.. css selector , 박스 모델 (드림코딩 by 엘리) css - selector css : Cascading Style Sheet Universal * type tag ID #id Class .class State : Attribute [] css 문법 selector { property : value; } 태그 자체는 원래 사용자에게 보여지지 않지만 컬러를 지정하고 width, height 를 설정해 주면 된다. a[href] { } : a 태그 중 attribute 에 href 가 있는 것만 설정 a[href = "naver.com"] { } 라고 특정 주소만 지정할 수도 있고 a[href^ = "naver"] { } 라고 ^를 이용해서 naver 로 시작하는 것 / $를 이용해서 naver로 끝나는 것만 지정할 수도 있다. 위 캡처에 보면 li와 h1.. html 기본 (드림코딩 by 엘리) 좋은 페어를 만나서 진짜 유용한 유튜브 채널을 알게 되었다. 특히 css 는 뭔가 순서를 정해서 공부할 수 있는 부분이 아닌 것 같아서 좀 막막했는데 설명이 너무 맘에 든다. 코드스테이츠 과제를 하면서 유튜브 채널을 참고하면 공부가 많이 될 것 같다! html - 웹사이트 분석 jsbin.com : 개발툴을 pc에 설치하지 않아도 간단하게 작동하는 걸 볼 수 있는 웹사이트 타이틀, 부가설명, 북마크 추가 시 나오는 제목, 아이콘 등이 나와 있음. 사용자에게 보여지는 부분 없음 사용자가 보게 되는 가장 중요한 부분 뭐든지 logical하게 나눠서 만들기 * HTML elements reference 보기 * https://validator.w3.org/ : 내가 유효한 태그를 썼는지 아닌지 확인할 수 있다.. 코드스테이츠 9주차 - 능력치의 미세한 변화 지난 일주일은 codestates 공부에 있어서 최대 위기였다. 어린이집이 방학해서 우리 귀염둥이가 하루종일 나와 함께 있었다. 하핫 다행히 공동육아를 통해 방학은 잘 보냈고 낮잠 시간에 열심히 공부해서 과제도 제때 제출했다. 뿌듯 그 동안 그래도 나름의 변화가 있어서 좀 끄적여 본다. 1. github 에서 folk, clone, push 하는 게 좀 익숙해진 것 같다. 강의에서 설명을 들었을 때는 이해도 잘 안 되고 낯선 화면 자체가 어렵게만 느껴졌는데 사실 어렵지 않은 것이었다. 2. CLI 를 배워서 계속 연습해보려고 하는 중이다. 지금은 과제 제출할 수 있는 정도만 배워서 아는 것이 별로 없지만 너무 매력적인 것 같아서 더 많이 공부하고 싶다. 3. zoom이나 디엠을 이용해서 다른 사람과 토론.. 코드스테이츠 3주차 - 만족, 재밌음, 내가 부족했음 2020.6.22 개강 이후 지금 3주차이다. 잠시 돌아 보면서 느낀 바를 정리해 보려고 한다. 일단 코드스테이츠의 수업 방식은 정말 마음에 든다. '수업'이라고 할 순 없지만 교육 담당자가 보충 설명해 주는 시간은 주 2회, 각 1시간이 전부. 각자가 코드스테이츠의 학습 플랫폼인 URCLASS에서 동영상 강의를 보고 문제도 풀어보고 월, 수 정해진 시간에 맞춰 페어와 함께 토론하면서 공부하는 방식이다. zoom을 통해서 하는 office hour 시간에 교육 담당자가 하는 것도 수업 보다는 공부하는 방법, 뭘 알아야 하는지에 대한 방향을 가르쳐 준다고 해야 맞는 것 같다. 이런 저런 코드가 있다고 알려주지는 않는다. 모르는 게 있을 때 질문하는 방식을 알려준다. 구글에 검색하는 방법, help desk.. 코드스테이츠 너로 정했다! 캐나다에서 혼자 공부해 보면서 프로그래밍 언어를 좀 더 공부해 보기로 했다. 제주도 살 땐 애리가 더 어려서 공부하기 힘들었는데 이제 어린이집도 가고 (앗싸!!!) 우리 옹오도 빡공해서 이 집의 가장이 되라며 응원(? 반협박?) 해주고... 그래도 한 번 경험해보니 코드스테이츠가 너무 맘에 들어서 다시 공부하기로 결정! 저번엔 3만원인가? 내고 프리 코스를 들을 수 있었는데 좀 바뀌었다. 이번에 내가 하게 된 건 WeWin 51주 과정이다. 초기 비용없이 51주 동안 공부시켜서 취업을 도와주고 취업 후에 소득을 공유하는 방식이다. 그래서 자기소개서, 인터뷰 영상도 올려서 통과한 사람만 공부를 시켜준다. 사실은 내가 코드스테이츠를 정.한. 게 아니라 코드스테이츠가 뽑아주셨다 라고 해야..ㅋㅋ 무튼 열공해야.. 이전 1 ··· 5 6 7 8 다음
