본문 바로가기

멋쟁이사자처럼프론트엔드스쿨4

멋쟁이사자처럼 프론트엔드스쿨 6일차 기록 오늘 한 일 CSS 수업 스터디 개설(게터디) 회고 그룹 배정 오늘 배운 것 flex 속성 이전에 배워서 알고는 있었는데 이상하게 잘 안쓰게 되서 존재를 잊고 있었다가 이번에 다시 배웠다. 확실히 정렬이 훨씬 편해진다. float로 구현할때마다 맨날 내 맘대로 안되고 지멋대로 떠다니길래 골머리를 앓았는데 플렉스가 훨씬 편하다. 아 얼른 과거의 유산들 다 사라지고 플렉스로 통일하자구요 FLEX float 속성 어떻게 동작하는지 몰라서 맨날 이리 구르고 저리 굴렀지만 한번도 어떻게 동작하는지 찾아볼 생각을 안했었다. 이런거 보면 나는 종종 너무 수동적일 때가 있다. 그치만 이젠아냐... float 해제할때 맨날 clear 주는게 헷갈렸는데 개인적으론 부모 요소에 overflow 값을 주는게 더 편함 후기 사.. 2021. 11. 6.

멋쟁이사자처럼 프론트엔드스쿨 5일차 기록 오늘 한 것 CSS 오늘 배운 것(new!) Box-sizing 속성 content-box(default), border-box 일반적으로 요소의 넓이를 설정할 때 width, padding, border의 값이 다 따로 적용되서 하나를 바꾸려면 다른 크기도 연쇄적으로 바꿔주어야 하는 불편함이 있었다. 이 때 box-sizing:border-box를 이용하면 border와 padding의 크기도 width에 포함시킨다. Cascading CSS(Cascading Style Sheet) 이름부터 Cascading 이라고 들어가있는데 적용 원리를 몰라서 이런 질문을 했다. 속성 사이에 우선순위는 없고 위에서 아래로 흐르며 적용된다. top, left가 적용됐지만 마지막에 border이 상하좌우에 모두 적용되.. 2021. 11. 4.

멋쟁이사자처럼 프론트엔드스쿨 4일차 기록 오늘 수업 내용 HTML/CSS 강의 배운 것(new!) HTML 양식 속에서 그룹을 만들 수 있는 요소. fieldset 태그 내부에서 그룹의 설명을 제공. (사진에서는 "Choose your favorite monster" 부분에 해당) 웹 사이트나 앱에서 계산이나 사용자 행동의 결과를 삽입할 수 있는 컨테이너 요소 + = 60 input 값에 변화가 발생했을 때 form oninput 속성에 전달된 스크립트가 실행된다. 위의 예제에서는 oninput에 result.value(output 태그)의 값을 변경하는 스크립트가 전달되어 있으므로 input이 변경되면 output태그의 값이 변경된다. 작업의 완료 정도를 나타내는 태그. 주로 진행 표시줄의 형태를 띤다. entity code 특정 charac.. 2021. 11. 3.

멋쟁이사자처럼 프론트엔드 스쿨 1기 최종 합격 (+국민취업지원제도) 멋쟁이사자처럼 프론트엔드 스쿨에 최종 합격 되었습니다! 사실 신청 할 때 까지만 해도 전공자의 국비교육을 안좋게 보는 경우가 많다는 얘기가 많아서 좀 고민을 많이 했어요. 근데 이전까지 개발 공부를 독학이나 인터넷 강의만을 통해서 진행해왔고 그 과정에서 같이 공부할만한 팀이나 소통이 가능한 강사분이 없어서 외롭거나 막막하다고 생각한 적이 종종 있었어요. 그래서 그런지 한 번 정도는 교육과정을 수강해보고 싶다는 생각이 자꾸 들었어요. 멋쟁이사자처럼 대학생 과정도 참여해보고 싶었는데 휴학을 할 수가 없는 상황이어서 포기했었는데 이런 참여 기회가 생기니까 놓치기가 싫더라구요. 취직 한것도 아닌데 지금 아니면 언제 해보겠어 마인드! 생각해보니 제가 지금까지 그닥 남들이 좋다는 방식으로 살아오진 않았더라구요. 언.. 2021. 10. 28.

이전 1 다음

티스토리툴바