😎 오늘의 잘한점 액션 실습할 내용을 미리 예습한 후, 수업에서 진행되는 코드와 어떤 차이점이 있는지 파악하였다. 칭찬 코드에는 정답이 없지만 더 나은 코드를 작성하기 위해 노력하는 거 최고야!! 👍 여러가지 방법을 알아두고, 그 방법 중에 나한테 맞는 코드, 웹 접근성을 고려한 것, 가독성이 좋은 코드를 찾아가자 ✔️ 오늘의 개선점 문제 layout을 flex로 구현하는 과제를 잘 수행은 했지만, 불필요한 CSS 처리가 있었다. 원인 간단하게 처리할 수도 있었지만 큰 단위의 레이아웃과 단순한 방법들이 먼저 생각이 났었다. 물론 특정 코드만이 정답은 아니기 때문에 틀린건 아니지만 아쉬움이 느껴졌다. 액션 플랜 flex를 사용할 때는 flex-basis, flex-grow 속성들을 사용하여 유연한 flex..

🔍 float가 무엇인가요? float는 사전적으로 뜨다, 뜨는 물건이라는 의미를 가지고 있다. CSS 속성에서의 float는 한 요소가 보통의 흐름으로부터 빠져 텍스트 및 인라인 요소가 그 주위를 감싸는 자기 컨테이너의 좌 · 우측에 배치되게 한다. float는 원래 이미지 주위를 텍스트로 감싸기 위해 만들어졌지만, flexbox 레이아웃을 지원하지 않는 IE에 대응하기 위해서는 float를 사용해야만 한다. 이미지를 보며 이해해 보자! float 속성을 적용한 요소는 기존의 블록(block)이나 인라인(inline) 요소의 흐름에서 빠져나온다. 속성에 적용한 값에 따라 본인이 포함된 컨테이너의 좌, 우측에 위치하며 사전적 의미처럼 위에 혼자 컨테이너에서 빠져나와 둥둥 떠있는 느낌을 준다. 기존에는 n..

😎 오늘의 잘한점 액션 오늘은 질문 요정! 🧚 모르는 내용은 주저하지 말고 여쭤보자! 어제의 개선점 액션 플랜을 실천해봤다. 수업이 끝난 후 전체적인 내용을 다시 보면서 손으로 직접 정리해나갔다. 모르는 부분은 찾아보면서 실습한 코드에 적용해보는 과정을 통해 알아갔다. 칭찬 전체적으로 한번 정리를 하면서 궁금한 점이 새로 생기기도 하고 내가 이해할 수 있는한 최대로 이해해보려고 했다. MDN을 참고하면서 직접 코드를 수정하며 이해하니까 이해도 잘 되고, 복습 시간을 알차게 사용할 수 있었다. 어제의 나보다 성장한 내가 되었다는 점이 앞으로 나아갈 수 있는 원동력을 제공해준 것 같다🏃 ✔️ 오늘의 개선점 문제 - 원인 - 액션 플랜 오늘은 스스로 만족했던 하루였다! 앞으로도 이렇게 불이 꺼지지 않고 활활 ..

😎 오늘의 잘한점 상황 기존에 공부 방식이 수업과 필기 두 가지 모두를 잡지 못해서 새로운 공부 방식을 생각해봤다. 액션 모든 내용을 수업 시간 내에 정리하려고 하지 않고 새로 알게된 내용만 따로 작성한다. 모르는 내용은 키워드만 작성한 후 수업 외 시간에 추가적으로 알아본다. 칭찬 수업과 기록 모두 놓치지 않으려고 새로운 방식을 적용해본 것은 정말 좋은 선택이었다👍 새로운 도전이란 항상 어려운 거지만, 막상 도전해보면 '별 거 아니였네?' 싶은 상황들이 있다. 내일의 나, 미래의 나도 오늘의 경험을 토대로 도전을 두려워하지 않길! ✨ ✔️ 오늘의 개선점 문제 수업 시간에 들었던 내용이 머리에 많이 들어오지 않는 것 원인 아무래도 수업 시간에 실습만 하는 것이 아니라 조금의 메모도 추가하기 때문에 100..

😎 오늘의 잘한점 상황 첫 회고조가 편성된 날🙋‍♀️ 액션 앞으로 4개월 동안 지낼 회고조 분들과 함께 아이스 브레이킹🧊을 위해 최대한 많이 이야기 주제를 던지려고 했다! 칭찬 처음의 만남과 인상이 어떻게 보였을지 걱정되었지만, 그래도 용기냈다! 처음이 어렵지 나중에는 시시콜콜한 얘기부터 공부에 대한 고민등을 나눌 수 있는 회고조를 함께 만들어 나가자🚶‍♀️ ✔️ 오늘의 개선점 문제 1, 2시간도 더 공부할 수 있었는데 집중하지 못했다. 원인 금요일이라 너무 신났던 것 같다....😢 액션 플랜 아직은 초반이라 시간적으로 여유가 많이 느껴질 수 있다. 이전 기수 분들의 후기글, 회고글에서 봤듯이 지금의 남는 시간을 허투루 쓰지 말고, 소중하게 생각하자 앞으로의 계획과 위클리 계획을 상세하게 다듬을 필요가 ..

😎 오늘의 잘한점 상황 쉬는 시간 등 틈나는 시간에 유튜브가 보고 싶었지만 참았다.😿 액션 쉬는 시간에는 모르는 내용 찾아보기, 수업이 끝난 후에는 모르는 내용 정리 및 TIL 작성을 하면서 해야할 공부를 단계별로 해나갔다. 칭찬 유튜브보다 호기심이 더 컸나봐! 그저 열심히 해야지가 아니라 모르는 것을 알고자 하는 욕심을 가진 거, 실천해낸 것 너무 잘했어 앞으로도 힘내자🎉 ✔️ 오늘의 개선점 문제 배운 것을 나의 것으로 만드는 것이 부족하다. 강의에 온전히 집중하지 못했다. 원인 배운 내용에 대해 스스로 고민하고 생각하는 시간을 가져야 하는데, 자료만 찾아서 정리하여 내 것이 없다는 느낌을 받는다. 강의 속도가 생각보다 빨라서 듣는 내용을 모두 노션에 정리하려니 진행이 어려웠다. 액션 플랜 이전 시간에..

URI vs. URL vs. URN URL에 대해서 찾아보다가 보이던 단어 URI과 URN 비슷한듯 다른 세 개의 차이점에 대해서 정리해보자. URI(Uniform Resource Identifier, 통합 자원 식별자) URI는 통합 자원 식별자이다. 통합 자원 식별자란, 말 그대로 인터넷 상의 자원을 식별하기 위한 고유한 문자열 시퀀스이다. 문자열 시퀀스 시퀀스(sequence)일련의 연속적인 사건 등을 의미한다. 즉 문자열 시퀀스란 정해진 순서가 있는 고유한 문자열이라고 해석할 수 있다. URL(Uniform Resource Locater, 통합 자원 지시자) URL은 인터넷에서 웹 페이지, 이미지, 비디오 등 리소스의 위치를 가리키는 문자열이다. 우리가 주로 웹 주소, 링크라고 부르는 것이 URL..

오늘은 많은 후기글에서 빛과 같다고 했던 제주코딩베이스캠프의 대표이신 호준님과의 첫 수업! 어제 진행했던 OT는 노션에 정리했어서 이 글에 같이 정리해보려 한다. 😎 오늘의 잘한점 상황 아무래도 기존에 개발을 조금이나마 경험해봤기 때문에 기초 수업시에 지루함을 느낄 수 있었다. 호준님께서 자신있는 부분은 다른 학습을 하는 시간으로 대체하고, 애매한 부분은 수업을 들으면서 시간을 낭비하지 말 것을 강조해주셨다. 액션 알고 있었던 VSC 세팅, Git / GitHub 기초 부분은 과감히 넘기고, 만들고 싶은 토이 프로젝트를 디자인 해봤다😀 새롭게 들어본 부분은 집중해서 들으면서 질문도 하고, 멋사 교육생분들과 문제 해결 방법도 공유했다. 칭찬 알고 있는 부분과 그렇지 않은 부분을 정확히 판단해서 시간을 효율..

멋쟁이사자처럼 프론트엔드 스쿨 5기가 시작되었다🎉 내가 했던 것처럼 많은 글을 찾아볼 분들을 위해 조금이나마 도움이 되고자 합격하기까지의 과정을 이야기해보려 한다. 프론트엔드 스쿨 지원 과정 지원과정은 자기소개서 (1차) → 지원 영상 및 과제 (2차) → 최종 합격으로 이루어져 있다. 1차 서류 전형 1차 과제인 자기소개서의 경우 3개의 문항을 각 500자 이내로 작성해야 했는데 생각보다 글자수가 금방 넘어버려서 요약하려고 고민을 많이 했다. 평상시에 글을 잘 쓰는 편도 아니라서 요약이 정말 정말 어려웠기 때문에 세 가지의 전략을 세웠다. 1) 문항에서 요구하는 것 캐치하여 불필요한 내용은 삭제하기 2) 사전 설명회에서 중요하게 생각했던 포인트 3) 멋쟁이사자처럼 브런치 500자가 생각보다 짧기 때문에..

URL, IP, PORT ... 여기저기서 들어는 봤는데 막상 '설명해봐!'하면 설명하기 어렵다💦 이번 기회에 정리해보자! 😀 URL - IP - PORT 도메인이라고도 불리는 URL은 이름, IP는 주소, PORT는 문에 빗대어 생각할 수 있다. 치킨을 배달시키고 싶다고 가정해보자. ''저희집으로 치킨 한 마리 배달해주세요'' 하면 치킨 집 사장님은 "집이 어디신데요..?" 할 것이다. 목적지(집)와 주소가 있어야 정확하게 목적지에 도달할 수 있고, 건물의 주소가 있어도 몇 호에 있는지 알아야 배달이 가능하다. 여기서 URL이 목적지, IP가 주소, PORT가 몇 호에 해당한다. URL 요청에 대한 네트워크 동작 클라이언트(모바일, pc 등)에서 URL(도메인, www.naver.com)을 입력하면 스..