책 집필 회고 Canvas & SVG E-Book

멋쟁이사자처럼 프론트엔드 5기에 참여하며 위니브와 멋쟁이사자처럼 측의 도움을 받아 진행되었던 책 집필에 대한 회고 글입니다.Canvas, SVG에 대한 내용보다는 책 집필에 대한 내용을 중점적으로 작성하였습니다.리디북스에서 보실 수 있습니다. 클릭 클릭 - I CAN VAS SVG노션으로도 보실 수 있습니다.2023.04 - 집필 팀 모집 시작멋쟁이사자처럼 프론트엔드 스쿨 5기 교육을 진행하였던 위니브 측에서는 수강생들에게 좋은 이력으로 남을만한 경험을 제공하고자 노력하셨는데 그 중 하나가 바로 프로그래밍 전자책 집필이었다.3월 달에 공지를 하고 한 달 정도가 지난 4월 상반기 책 집필 팀 모집이 시작되었다.책의 주제는 프로그래밍과 관련만 있다면 자유였고 인터랙티브와 Three.js 염불을 외우고 다니던..

• format_list_bulleted 멋쟁이사자처럼 FE 5기
• · 2024. 11. 4.
• textsms

[03.31] 모던 JavaScript 튜토리얼

💀TIL 선배 특강 / 현직자 특강 모던 JavaScript 튜토리얼을 읽고 공부해보고자 한다. 모든 출처: https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 자바스크립트(JavaScript) ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어 ECMAScript라는 고유한 명세를 갖춘 독립적인 언어 ECMAScript - Wikipedia From Wikipedia, the free encyclopedia Specification for Javascript and other programming languages ECMAScriptParadigmMulti-paradigm: prototype-based, functional, ..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 31.
• textsms

[WIL-5주차] 반성합니다 . .

블로그 글 3개는 쓴다고 했었던 지난 3주차의 회고를 지키지 못한 것에 대해 반성합니다.. . . 점차 미루고 쌓이다보니 아무것도 하지 않았습니다. . 반성합니다 글 완성 시키지 않고 임시저장만 한 글들에 대해 반성합니다 . . JavaScript 부터는 제대로 쓰도록 하겠습니다

• format_list_bulleted 멋쟁이사자처럼 FE 5기
• · 2023. 3. 31.
• textsms

[WIL-3주차] 멋쟁이사자처럼 3주차를 끝내고

🕊️ WIL ++ 🍿 아쉬운 점 3월 8일부터 블로그 작성을 하지 않았다. 한번 밀리니까 그냥 안써버린 것에 대해 반성합니다..... 뭘 배웠는지 잊는다.......... 복습이 조금씩 밀리니 점점 수업을 그냥 보며 따라치는 수준에 그쳐버렸다. ㅜ;ㅜ HTML/CSS 이제 한 주 남았는데 정신 차리기 🎑 일주일 목표 밴딩머신 과제, 빔캠프 과제를 하면서 복습하기! 다이어리 레이아웃 다시 보면서 분석하기! 멋사 분들이 공유해준 자료들 보면서 생산성 늘리기! 블로그 글 일주일에 3개는 쓰기

• format_list_bulleted 멋쟁이사자처럼 FE 5기
• · 2023. 3. 18.
• textsms

[Day 13] 이미지, 3D Transfrom, 레이아웃 실습, 추가 정리

💀TIL 🕘 특강 😶‍🌫️ 🤨 🕚 🕜 . 🕒 레이아웃 실습 😎 추가 헷갈리는 속성들 미디어 쿼리 반응형 웹 구성에 쓰인다. min: 최소 조건으로 최소 500px 부터 스타일을 적용한다는 뜻이다. 500px ~~ max: 최대 500px 까지 스타일을 적용한다는 뜻이다. ~500px @media (max-width: 500px){ 실습에서는 주로 이렇게 쓴다 } @media (min-width: 500px){ 실습에서는 주로 이렇게 쓴다 } background 속성 가상 선택자 position 🙉 Review

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 18.
• textsms

[Day7] flex/grid 레이아웃

💀TIL flex grid 🕘 flex display: flex - block혹은 inline으로 구분되지 않고 flex라는 요소로 변한다. flex로 변한 컨텐츠는 flex-container, 그 안에 flex-item이 된다. flex-direction: row 행 | column 열 - 정렬에 기준이 되는 속성 중심축의 방향을 바꿔준다 -------- | flex-direction: row 기본값 가로 ----- flex-direction: column 세로 | reverse 속성은 접근성 문제로 권하진 않는다. justify-content : 중심축 기준 방향 정렬 flex-start: 기본값, 컨테이너의 시작점을 기준으로 아이템 정렬 flex-end: 끝부터 center : 중앙 space-be..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 8.
• textsms