Front-End5

• 

  웹사이트 디자인할 때 유용한 툴 Color Space https://mycolor.space/ ColorSpace - Color Palettes Generator and Color Gradient Tool Just Enter a Color! And Generate nice Color Palettes mycolor.space 색상 팔레트로 최적의 색상 조합을 알려줍니다. CSS Gradient https://cssgradient.io/ CSS Gradient — Generator, Maker, and Background As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, .. Front-End 2023. 10. 20.

• 

  포트폴리오 만들때 유용한 사이트 Pinterest https://www.pinterest.co.kr/ Pinterest 요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요. www.pinterest.co.kr 핀터레스트에서 responsive website를 검색하면 포트폴리오 만들 때 유용합니다. Dribbble https://dribbble.com/ Dribbble - Discover the World’s Top Designers & Creative Professionals From Ford to Airbnb to Capital One, see why over 60,000 leading brands and business builders use Dribbble to attract, en.. Front-End 2023. 10. 20.

• 

  [CSS] Flexbox 정리 Flexbox ? 기존의 display나 positon 등을 이용한 웹의 레이아웃 개발은 생각할 부분이 많고 어느 정도 한계가 존재해서 개발하기가 복잡하고 어려움이 있습니다. 이런 점을 극복하기 위해서 css3에 추가된 flexbox입니다. flexbox를 이용하면 특별한 계산 없이 쉽게 정렬을 할 수 있고, 이를 통해 레이아웃을 편리하게 구성할 수 있습니다. Flexbox 특징 flexbox는 flex container(부모 요소)와 flex item(자식 요소)로 구성됩니다. flex-container에 적용할 수 있는 속성 값 display : flex container를 정의 flex-direction : flex-container 내의 item을 배치할 때 사용할 방향을 지정 flex-flow .. Front-End 2023. 10. 19.

• 

  [HTML] 자주 쓰이는 태그 정리 HTML은 무엇인가? HTML (Hypertext Markup Language) 약자로 콘텐츠의 구조를 정의하는 마크업 언어 입니다. HTML 태그를 이용하여 웹페이지를 만드는 데에 사용하는 언어이며 쉽게 사용이 가능합니다. HTML 기본 태그 1. 은 모든 태그들을 감싸는 가장 큰 단위의 태그이며 대부분의 태그가 이렇게 한 쌍으로 구분되어 있지만 시작 태그만 있고 종료 태그가 없는 태그들이 존재합니다. 2. HTML 기본 설명 그 외 자주 사용되는 태그 1. 는 Division의 약자로 레이아웃을 나누는데 사용됩니다. 특별한 기능은 없지만 레이아웃을 설계하여 주로 CSS와 연동하여 사용합니다. 또한 구획(section)을 정의할 때 사용합니다. 2. 는 하이퍼링크를 걸어주는 태그입니다. 속성으로는 hr.. Front-End 2023. 8. 26.

• 

  프론트엔드 개발자가 알아두면 유용한 사이트 모음 1. w3schools W3Schools Online Web Tutorials W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 웹페이지 디자인을 구성하기 위한 HTML, CSS, JavaScript를 학습할 수 있고 웹디자인 언어가 아닌 Java, jQuery, SQL 등 다양한 서버언어와 관련된 다양한 프로그래밍을 연습할 수 있습니다. 2. MDN Web Docs MDN.. Front-End 2023. 7. 20.