안녕하세요!

FE 개발자 유진주입니다.

Web/HTML 6

클론코딩 | 미니 홈페이지 레이아웃 #1 with. 빔캠프 CSS

🔉💻 오랜만에 HTML, CSS 공부를 다시 하게 되었다. 이번 클론코딩을 통해서, 레이아웃을 구성에 있어 스스로 많이 해맨다는 것을 느꼈다. (이론으로는 많이 배워왔으나, 실제로 만들어보는 그 과정이 아직 익숙하지 않은 듯하다.) 내가 머리 속에 그리고 있는대로 화면이 나오지 않아 답답한 기분이 들었고, 알고 있는 것만을 활용하기 보다는 새로운 자료나 코드를 새롭게 많이 배우며 똑똑하게 코딩해야겠다는 생각이 들었다. 또 작성은 했지만, 제대로 정리가 되지 않은 코드들도 많이 보기 지저분하였고 가독성이 떨어졌다. 코드를 보기 좋게 정리하는 것에 대한 필요성도 많이 느낄 수 있었다. 매우 뚝딱거리는 내 미니 홈페이지...😂😱 MugApp Lorem ipsum dolor stisadfajklfdsfjdlaf..

Web/HTML 2023.07.21

프론트엔드 개발자 되기 입문편! 16~21강

16강 프론트엔드 개발자라면 필수로 알아야 하는 브라우저 101 필수 개념과 게임 프로젝트 WEB APIs(기본)/DOM/Events/브라우저와 JS의 runtime 환경 등.. 17강 개발자 취업을 위한 포트폴리오 만들기 1) 왜 프로젝트로 공부해나가야 하는지 : 프로젝트 단위로 공부해야 실용적인 방법들을 많이 배울 수 있고, 성취감을 느낄 수 있다. 문제해결능력★을 연습할 수 있는 좋은 기회! 2) 포트폴리오를 어떻게 만들어 나가면 좋은지 : 프론트엔드로 예를 들자면 HTML+CSS-> 정적인 반응형 웹사이트, JavaScript-> 동적인 웹사이트(서버에서 데이터를 받아옴) *node.js를 이용해서 백엔드 구축은 보너스, 프레임워크를 이용한 SPA 만듦. 3) 포트폴리오에 추가할 프로젝트는 어떤 ..

Web/HTML 2022.05.17

프론트엔드 개발자 되기 입문편! 13~15강

13강 프론트엔드 공부 시 유용한 노트 작성법 및 비쥬얼 스튜디오 코드 코멘트 색상 변경 방법 "editor.tokenColorCustomizations":{ "comments": "#ffc2c2(색상)" } 14강 웹사이트 따라 만들기, 반응형 헤더편 First. 블럭(구역) 나누기 무료 아이콘 사용 Font Awesome Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 실습 http://file:///C:/websys/2111490/htmlstudy/0510.html 15강 클론코딩 유튜브 사이드 ..

Web/HTML 2022.05.10

프론트엔드 개발자 되기 입문편! 07~12강

07강 CSS 셀렉터, 기초 이론 정리 1. 의미, 정의 CSS=Cascading & Style Sheet * !important : 연결고리를 무시하고 가장 중요한 스타일이 됨.(가능하면 쓰지 않는 것이 좋다.) 2. 선택자(selectors) universal * type Tag ID #id Class .class State : Attribute [] number1 number2 순서없는 리스트 3. 스타일링 .box{ width: 100px; height: 100px; padding: 20px; margin: 20px; border: 2px dashed pink; background: aliceblue; } * 가능한 속성값 확인 사이트 CSS Reference - A free visual guid..

Web/HTML 2022.05.02

프론트엔드 개발자 되기 입문편! 01~06강

01강 프론트엔드 공부순서 프론트엔드: 개발자가 아니어도 누구나 쉽게 할 수 있는 언어로 잘 알려짐. 세부사항에 따라 공부법이 다르다! #프론트엔드 공부 순서 로드맵 HTML, CSS, JavaScript -> TS (JS 위에 TypeScript가 올려진 언어) *JS는 타입이 동적이어서 안정적이지 않다. -> React CSS Architecture (BEN 관련 article 한 번씩 읽어보면 정말 도움될 것!) Prettier Module Bundler - Webpack (코드 배포할 때 간편하게 압축해서 사이즈 작게 만드는 framework) 02강 클론코딩 포트폴리오 반응형 웹사이트 따라 만들기 03강 프론트엔드 강의, 프론트엔드 개발자가 되고 싶다면? 04강 코딩을 빨리 배우는 법 온라인 강..

Web/HTML 2022.04.05

생활코딩 WEB1-HTML 14강~20강

14강 HTML 태그의 제왕 HyperText(링크) : anchor의 약자. 링크 태크 *h(hypertext, 링크)+ref(reference, 참조) 숙명여자대학교 15강 웹사이트 완성 숙명여자대학교 컴퓨터과학전공 소프트웨어융합전공 IT공학전공 16강 원시웹 인터넷과 웹이 어떻게 세상에 등장하게 되었나? (*인터넷 != 웹) 1990.11 세계 최초의 웹 브라우저인 Word Wide Web 등장 1990.12 웹 서버 info.cern.ch http://info.cern.ch/ -> 웹의 메소포타미아 17강 인터넷을 여는 열쇠 : 서버와 클라이언트 웹 브라우저 --- 정보 요청 ---> 웹 서버

Web/HTML 2022.03.28