'멋쟁이사자처럼' 태그의 글 목록

멋사 프론트엔드 스쿨 9주차 회고 9주 차에 큰 이벤트들은, JS이론이 끝이 났다는 점 벌써 JS가 끝이라니 흑흑.. 아직 많이 부족한 것 같은데 벌써 끝이 났다. 제대로 복습하면서 React도 잘 따라갈 수 있도록 해야지 파이팅 김영하 작가님 책을 다 읽었다. 정말 너무너무 재밌고 책도 잘 읽혀서 금방 읽었다. 강추한다. '작별 인사' 리뷰 : https://mingstone.tistory.com/38 1분 코딩님의 three.js, gsap 강의를 들었다. 들으면서 와 이런 거였구나 뭔가 어렵기만 하고 멀어 보이기만 했던 3d를 이런 식으로 표현을 하는 거였구나 했다. 지금은 js와 react 기본에 좀 집중해서 공부하겠지만, 나중에 나의 다른 경쟁력을 위해 더 공부해서 사용해봐야겠다. 진짜 알기 쉽게 설명해주심 최고 ㅜㅜ 수진님의 ..

멋사 프론트엔드 스쿨 50% 진행 기념 회고 7주차 회고 쓴 지 얼마나 지났다고, 벌써 8주차 회고라니 시간이 너무나도 빨리 지나가고 멋사에 들어온지 2달이 지났다. 2달 전의 나와 비교해 봤을 때 너무나도 많은 변화가 있었다. 첫째로는 공부하는 습관이 길러지고, 공부가 재밌어진 것 정말 이상하게 어제 친구들과 오랜만에 게임을 했는데 오히려 게임을 하니까 머리가 아팠다. 주말에 쉬고 싶어서 오랜만에 같이 게임하자는 약속을 잡았는데, 약속이라서 계속한 것이지 사실은 중간에 나가고 싶었다. 공부를 하고 싶었던 것 같다. 내가 하고싶은 공부를 하니까 너무 행복하다. 뭔가를 몰라도 이것을 알아내고 공부해서 습득하면 정말 그 순간순간 내가 성장하는 기분이 들어서 너무 좋다. 두번째는 회고를 통한 반성이 일상이 됐다. 주간 회고를 작성하고 있는데 팀 회고에서..

멋사 프론트엔드 스쿨 8주차 회고 8주 차의 큰 이벤트는 바로 이력서 대회 최우수상 받았다. 진짜 감격 생각지도 못한 상이라 너무너무 기분 좋았다 ㅎㅎㅎ 감사합니다요~~ 테일윈드로만 만든 이력서인데 테일윈드로만 만들다 보니 내가 생각한 대로 레이아웃을 짜기에는 좀 어려웠다. 그래도 혹시나 궁금할 수 있으니까~ 링크는 남겨두고 가야지.. 이력서 링크 : https://alstjr5949.github.io/resumeContest/ (참고 : 내 사진 나옴) 그리고 인터뷰도 찍고 피크닉도 다녀왔다.. 대전촌놈의 서울 나들이란 절레절레 너무 힘들었지만 그래도 동기분들을 직접 만나서 행복했던 시간이었다 ㅎㅅㅎ 인터뷰는 7월 중으로 나옴 만관부~ 오늘 처음으로 몰입이론 표 사용해서 하는 회고다. 한층 더 발전한 회고가 되기를 ㅎㅎ Last Wee..

멋사 프론트엔드 스쿨 7주차 회고 7주 차는 정말 정신없이 지나갔다. 5월 20일에 있을 인터뷰 촬영과 5월 말까지 집필해야 할 타입 스크립트 책, 6월 3일 제주도 웹 콘퍼런스 연사를 위한 공부, 그리고 기훈 님의 프로젝트까지 진짜 너무너무 할 일이 많았던 한 주였다. 정말 부끄럽게도 너무 정신없이 살아서 특별한 일이 없었던 것 같다. 사실은 조금 힘이 없긴합니다 후.. 팀 회고에서도 설정한 목표를 전부 달성하지 못했다. 이번주의 목표가 난이도가 어렵거나 나의 실력이 부족한 것은 아니었다. 단지 중요도에 따른 목표 설정을 했어야 하는데, 그렇게 하지 못한 것 매우 잘못된 목표 설정이었다. 그로 인해 발생한 처참한 결과.. 함께 살펴보시죠. 아!! 다음 주부터는 어제 마침 함께 자라기를 다 읽었고, 제주도 연사는 함께 자라기를 읽고 나서..

멋사 프론트엔드 스쿨 5,6주차 회고 절대로 5주 차 쓴다,, 쓴다 하다가 밀려서 5,6주 차 한 번에 쓰는 거 아님;; 아니 아니라고요!! ㅋㅋㅋ 시간이 너무 빨리 지나간다. 매번 회고를 쓰면서 하는 말이지만 정말 빨리빨리 지나간다. 6주 차인 이번 주는 어른이 날을 맞이해서 자바스크립트한테 뚜드려 맞고 있던 아기사자들을 구원해줄 휴식기를 가져다주었다. 감사해요.. 운영진님들.. 정말 세심하게 휴강일을 선정하셨더군요.. 정말 감사합니다 후 5주 차에는 부트스트랩과 금요일 보라님의 깃 특강으로 그냥 목성에 있는 외계인이랑 하이파이브 열라게 치고 옴 ㅋㅋㅋㅋㅋ 너무너무 어려워요 깃ㅜㅜㅜ 지옥에서 온 깃!! 물론 깃이 없던 시절은 더 지옥 같다는 의미긴 하지만,, 왠지 너무너무 어려워서 지옥에서 온 것 같다고 하는 것 같아요 ㅜㅜ 흑.. 그래도..

네거티브 마진(negative margin) 🚀 네거티브 마진 네거티브 마진이란 말 그대로 margin에 음수 값을 주는 것이다.(margin : -100px) 아니 근데 이게 블로그를 따로 쓸만큼 중요한가요~?라고 생각할 수 있지만 생각보다 알아두면 디자인적으로 유용하게 사용할 수 있고, margin에 대해서 조금 더 심도 깊게 알 수 있어서 네거티브 마진에 대해 글을 쓰게 되었다. 솔직히 백문이 불여일타다닥이니까 바로 예시 코딩해보도록 하겠다. 1. 네거티브 마진 사용 예시 See the Pen Untitled by alstjr5949 (@alstjr5949) on CodePen. 이 뭔가 심심한 디자인을 보고 있으면 (물론 코드펜으로 막 해놔서 못생겼지만) 뭔가 저 이미지를 저 보더라인 밖으로 살짝 빼내는 디자인을 하고 싶어 진다.(아니어도 ..

멋사 프론트엔드 스쿨 3주차 회고 조금 늦은 3주 차 회고 일단 축하 좀요 ^^ 저 2주 차 칭찬왕 했습니다!! 크.. 1주 차 칭찬 학생 순위 안에 들었었는데 칭찬왕을 먹어버렸다~~ ㅎㅎㅎ 그리고 사실 좀 늦어서 3주 차 칭찬왕 뽑았는데 3팀의 막냉이 다희 님께서 받으셨다 ㅎㅅㅎ 다희 님이 사실 고생 많이 하시고 열심히 하셨는데 칭찬 학생에 못 들어가서 의아했는데 역시,, 다희 님이 뽑힐 줄 알았다 후후 그리고 클래스 1에서 칭찬 학생 4명이나 배출함 거의 명문 클래스 ㅋㅋㅋㅋㅋㅋㅋㅋ 그리고 나도 들어감 3주 연속^^ 이번 주는 사실 못 들어갈 줄 알았는데,, 감사합니다!! 우선 프로젝트를 진행하던 게 있는데 사실 잘 풀리지 않아서 멘털적으로 조금 힘들었다. 잘 풀려서 해결됐으면 ㅎㅎ 그리고 확실히 내 문제점이 점점 보이기 시작한 주였..

CSS 마진 병합 현상 🚀 마진 병합 현상 어라라 나는 분명 마진 값을 줬는데 맘처럼 여백이 생기지 않는 경우가 있을 수 있다. 이때는 마진 병합 현상이 일어난 것인데 우선 마진 병합 현상에 대해 알아보자 마진 병합 현상 마진 병합 현상은 붙어있는 블록 요소의 상하단 마진이 병합되는 현상을 말한다. 이러한 마진 병합 현상이 일어나려면 조건이 필요한데 마진 병합 현상의 조건 붙어있는 block요소끼리만 일어난다. 좌우는 일어나지 않고 상하단만 일어난다. 아니 알겠는데 이딴게 왜 일어나냐고요!! 그냥 하면 될 것을!!이라 생각할 수 있지만 사실 디자인하기에는 매우 용이하다 ^^ 브라우저야 고마워~ 하지만 원치 않는 마진 병합을 만날 수도 있다. 부모와 자식간의 마진 병합 See the Pen Untitled by alstjr594..

멋사 프론트엔드 스쿨 2기 TIL (04.05) 🚀 Tabular data table 태그는 테이블을 생성할 때 사용(표 만들 때!) table의 마크업 구조도 caption은 테이블의 제목이나 설명을 의미, 테이블 요소의 첫번째 자식으로 사용!! (legend와 비슷) caption은 꼭 넣어주는게 좋다 접근성 측면이나, SEO 측면이나! , , table 내부의 header, main, footer의 느낌이라고 보면 될 것 같다. 보통 tfoot에는 total(소계, 합계)값을 사용한다. , , tr 태그는 테이블의 행을 나눌 때 사용 tr에는 넓이와 높이를 줄 수 없다. td 태그는 tr 태그로 나눈 행에서 셀을 분리할 때 사용한다. 텍스트, 이미지, 목록, 테이블 등을 포함할 수 있다. th 태그는 행, 열의 머리말을 나타내는 데 사용한다. ..

멋사 프론트엔드 스쿨 2기 TIL (04.01) 🚀 특강 (빔 캠프 : 이종찬 강사님) CSS 첫발!! 두근..🙊 드디어 CSS를 1주 차 마지막 날인 금요일에 특강을 통해 처음 접하게 됐다. CSS 첫 강의인데 빔 캠프 종찬 님의 강의라니 역시.. 멋사 오길 잘했어 후.. 그럼 오늘 배웠던 CSS를 정리해보겠다. CSS의 기본 형식 CSS Property 속성을 만났을 때 관심을 가져야 할 부분들 초기값(initial value) Property를 MDN에 검색해서 보면 초기값이 적혀있다. 앞으론 Property를 만났다면 이건 초기값이 뭘까? 하는 의문을 품기를 바란다. 상속(inheritance) 상속여부 역시 MDN에서 확인해볼 수 있다. 상속이 가능한 property가 있고, 그렇지 않은 것도 있으니 확인해보고 사용해보자!! 기본 스타일(U..

멋사 프론트엔드 스쿨 2기 TIL (03.29) 🕶 URL, IP, PORT 란? www.naver.com 도메인, URL 이름 223.130.200.104 IP 주소 22, 23, 80, 443 PORT 문 도메인과 IP 둘이 같아도 PORT가 다르면 다른 화면이 나온다 (ex. 로그인했을 때 OO님 안녕하세요!!) https의 PORT는 443, http의 PORT는 80! URL 뽀개보기 📝 HTML Living Standard 란? 📕 HTML(Hyper Text Markup Language) : 뼈대 📘 CSS(Cascading Style Sheet) : 피부 📒 JavaScript : 근육 HTML 표준 HTML Living Standard https://developer.mozilla.org/ko/docs/Web/HTML 🚀 Section..

멋사 프론트엔드 스쿨 2기 TIL (03.28) 🦁 멋사 프론트엔드 스쿨 2기 시작!! 드디어 시작했다 사실 드디어라기 보다는 금방 왔지만..ㅎ 오늘부터 8월 1일 까지의 여정이 시작됐습니다. 진짜 너무너무 재밌었던 첫 날이었습니다. 👨‍👩‍👧‍👧 팀 편성 및 액티비티 팀 편성을 했고, 나는 회고 3(팀명 : 사멍일냥) 팀에 속하게 됐다. 4명의 🐶파와 1명의 🐱파 ㅎㅎ 물론 나는 강아지파이다. 고양이도 너무 좋아하지만 고양이털 알레르기가 있기에 그리고 조장 제비뽑기 했는데 남는걸 골랐는데 하필 그 남는게 꽝이었다 후.. 졸지에 조장행 ㅜㅜ 살려줘 발표 토나올거같아 열심히 같이 구글 Docs로 발표자료 만드는데 컨셉을 B급 발표자료 컨셉으로 했는데 매우 충실히 잘 만든것 같다 ㅎㅎ 아 그리고 내가 젤 나이 많음 ㅜㅜ 할비는 웁니다 ㅜㅜ 🚀 이두희님과 ..

이전 1 다음

라이브러리 브랜드 그룹 | 공대생의 개발자 도전기

티스토리툴바