멋사 프론트엔드 스쿨 4주차 회고 눈 떠보니 어느새 한 달이 지났고, 앞으로 멋사와의 함께할 시간이 100일도 안 남았는 사실에 적잖이 충격을 받은 날이었다.. 정말 시간이 빨리빨리 지나간다. 사실 지금 너무 행복하다. 같은 꿈과 목표를 갖고 공부하는 동기들과 정말 꼼꼼하게 수업해주시는 강사진 분들, 어떤 질문에도 성심성의껏 답해주시는 멘토분들, 그리고 항상 아기사자들 멘털 케어해주시는 운영진분들까지 멋사 프런트엔드 스쿨이 내 첫 부트캠프이지만 사실 어느 부트캠프와 비교해도 꿇리지 않을 것이라 진짜 장담한다. 꿇린다?? 아니 최고다. 이 시간이 너무 행복해서 왜 4개월인지 아쉽다고 느껴졌다. 6개월이면 더 좋았을걸 ㅜㅜ 진짜 너무 아쉬울 따름.. 그리고 캐릭터 경진대회 선물 왔음 ㅎㅎ 저번 주 토요일에 왔는데 놀러 갔다 와서 일요일에 열.. 멋사 프론트엔드 스쿨 2주차 회고 앞으로는 주로 회고를 올리고 TIL보다는 그 때 그 때 모르는 것, 중요하다고 생각하는 것 위주로 블로그에 정리할 예정입니다요!! 2주차를 돌아보며.. 물론 조금 늦은감이 있지만 회고해보자면 HTML을 끝내고 CSS를 들어가게 됐다. CSS 수업이 시작한 만큼 좀 더 속도가 붙었고, 사실은 조금 따라가지 못했던 것도 있던 것 같다. 과제를 조금 어렵게 생각했던 것 같았다. 그치만 어렵게 생각해서 IR 기법에 대해 생각해 볼 수 있는 계기가 되었던 것 같다. 복습량이 많이 부족하다. 지금까지 배웠던 것을 천천히 읽어보며 한 번 복습을 해봤는데 사실 아직도 헷갈리는 부분이 있다. 이 부분은 좀 더 복습량을 올려서 HTML, CSS 기초를 잘 다져야겠다. 멋사 들어오기 전부터 하던 프로젝트가 있는데 사실 과제.. line-height 파헤치기 🚀 line-height line-height는 글자의 높이를 지정하는 속성이다. line-height의 단위로는 normal, number, px, em, % 등이 있는데 number를 사용하는 것이 좋다. 좋은 이유? 한 번 araboja 참고로 initial value는 normal임!! font마다 갖고 있는 글자의 기본 높이를 의미! 1. line-height를 px값으로 줬을 경우 See the Pen Untitled by alstjr5949 (@alstjr5949) on CodePen. 2. line-height를 em값으로 줬을 경우 See the Pen Untitled by alstjr5949 (@alstjr5949) on CodePen. 더 큰 font를 자식 요소에서 사용했을 경우에 .. 멋사 프론트엔드 스쿨 2기 TIL (04.04) 🚀 Forms 폼은 정보를 입력하는 영역(ex. 로그인 아이디 비밀번호 입력, 회원가입 시 입력하는 양식) 폼 동작 방식 웹 페이지에 있는 form에 데이터 입력 웹 페이지 내 액션이 일어나게 되면 데이터는 웹 서버로 이동 웹 서버는 데이터를 처리하기 위해 APP 호출 필요에 따라 APP은 DB로 데이터 전송 DB에서 CRUD 작업이 일어나고 작업 결과를 APP, WEB에 전송 웹 서버는 받은 결과를 Client 브라우저에게 보낸다. 폼의 속성 action : 입력 값을 전송할 페이지를 나타냄 method : 폼의 데이터를 전송할 방법을 정의한다. 속성에는 get과 post가 있다. 📌 CRUD는 Create, Read, Update, Delete의 약자이다 📌 GET VS POST get : url로서.. 멋사 프론트엔드 스쿨 2기 TIL (03.31) 🚀 Embedded content(30일 부터 이어서) 현재 HTML 페이지에서 또 다른 HTML 페이지를 보여주고 싶을 때 사용 width, height 속성으로 크기 조절 가능, default는 width: 300px, height: 150px src 속성에 불러올 HTML링크를 설정할 수 있다 보통 유튜브 영상을 불러올 때 많이 사용 frameborder : 사용하지 않음 CSS border 속성 사용 allow : iframe 에서 허용할 기능들을 지정 allowfullscreen : 전체화면을 지원!! ⭐️ autoplay 속성은 브라우저 정책 상 일부 모바일 브라우저에 작동하지 않을 수 있으며, 항상 mute 속성과 함께 사용되어야 한다. (깜놀방지 + 트래픽 유발 방지 + 접근성 측면에서.. 멋사 프론트엔드 스쿨 2기 TIL (03.30) 🚀 Text-level semantics , 태그는 줄 바꿈을 위한 태그 은 텍스트 박스에서 한 줄로 모두 표시가 안될 때에만 줄 바꿈이 일어나게 하는 것 정말 중요한 태그 요소는 링크를 만들 때 사용!! 만 sections, grouping content 요소를 자식으로 하는 것이 허용! 📌 Internet Explorer 는 download 속성을 지원하지 않는다. , 태그는 굵은 글꼴을 표현하고 싶을 때 사용. 지금은 사용하지 않고 CSS 사용!! 태그는 굵은 글꼴에 중요도를 더해줌, 브라우저에서 이 내용이 중요하다는 걸 인식! , 태그는 기울임 글꼴을 나타낸다. 주로 전문 용어, 문단에서 주 언어와 다른 언어로 표현된 부분(주언 어가 한글이지만 영어로 표기되었을 경우), 소설의 등장인물의 생각이 .. 멋사 프론트엔드 스쿨 2기 합격 ㅠㅠㅠ합격 너무 감사합니다. 정말 너무너무 감사합니다. ㅜㅜㅜㅜㅜ 사실 1기 때부터 하고 싶었지만 당시 직장을 다니던 나는 9시 6시 교육은 힘들었고, 다음을 기약하면서 1월에 퇴사를 한 뒤에 프론트엔드 스쿨 2기 지원만을 계속 기다려왔다. 뜨자마자 후딱 자소서를 다 작성하고 지원완료를 하고 서류합격 후 2차 과제 전형으로 들어갔다. 간단한 로그인 페이지 구현과 영상으로 자기소개 및 앞으로의 공부계획을 3분 이내로 영상을 찍어 보내는 게 2차 과제였는데.. 나의 간절함이 부족했던 것인지 결과 발표날 예비 합격자라는 결과를 받고 ㅜㅜㅜ 사실 다른 국비지원 부트캠프는 알아보지 않았는데 발등에 불 떨어진 채 이것저것 찾고 있었다.. 예비 합격자라고는 하지만 내가 2차 과제에서 영상도 1분 30초 정도로 내고,.. 이전 1 다음
