HUMANITY

최근 실리콘밸리에서는 크리에이터 이코노미(패션 이코노미라고도 한다) 시대가 왔다고 한다. ‘직업은 돈을 벌기 위한 것이고 좋아하는 건 취미로 해야 한다’는 전통적인 직업관과 달리 ‘본인이 좋아하고 잘하는 일로 돈을 버는 시대’ 가 왔다는 것이다. 크리에이터 이코노미에서는 ‘천 명의 열성팬만 있으면 좋아하는 일을 생업으로 삼을 수 있다(It only takes 1000 true fans to make a living)’는 말이 있다. 100만명, 1000만명의 청중이 없어도 내 창작 활동에 월 1만원을 지불할 열성팬 1000명만 있으면 월 1000만원의 수입이 생기니 생업이 되기에 충분하다는 것이다. 크리에이터가 되기 위한 방법은 다양한 형태와 분야에서 창의적인 작업을 수행하고 자신의 작품을 공유해야한다...

IT 2023. 10. 12. 18:12

초보자를 위한 HTML과 CSS 기초 웹 개발을 시작하고 싶은데, 어디서부터 시작해야 할지 막막한가요? HTML과 CSS는 웹 개발의 기본이 되는 언어로, 이를 이해하면 웹 페이지를 만들 수 있습니다. 이 글에서는 HTML과 CSS의 기초에 대해 알아보겠습니다. HTML HTML은 HyperText Markup Language의 약자로, 웹 페이지의 구조를 정의하는 언어입니다. HTML 태그를 사용하여 텍스트, 이미지, 링크, 표, 목록 등을 웹 페이지에 배치할 수 있습니다. HTML의 기본 구조 HTML 제목 본문 목록 1 목록 2 코드를 사용할 때는 주의하시기 바랍니다. 자세히 알아보기 content_copy CSS CSS는 Cascading Style Sheets의 약자로, 웹 페이지의 디자인을 담..

IT/HTML 2023. 10. 10. 12:23

지난 한달간 좋았던 점은 제로베이스의 과정은 계속해서 복습 진행할 수 있다는 점이였다. 스케줄이 나와있었고 그냥 하라는 것만 하면 되기 때문이다. 그렇기 때문에 별 무리 없이 프론트엔드 과정을 배울 수 있었다. 계획대로 되지 않았던 부분은 스케줄을 잘 관리하지 못하여 CS퀴즈를 많이 놓쳤다는 점이다. 처음부터 계획한대로 했어야 했는데 계획을 잘 지켜나가지 못하는 나의 모습이 있었고 계획대로 일을 진행해 나가는 습관을 길러야 겠다는 생각이 들었다. 모든지 스케줄 관리인 것 같다. 무언갈 하나 배운다면 끝까지 다 배우고 그날 배운거를 그날그날 정리해두는게 좋을 것 같다.

IT 2023. 9. 30. 17:02

주요 속성(Attribute) action : 폼 데이터를 보낼 URL 지정 submit, button 등을 통해 사용자가 데이터를 제출하는 이벤트가 발생했을 때, 입력받은 데이터를 어디로 보낼지 지정 참고) URL란? Uniform Resource Identifier, 리소스의 위치를 식별하기 위한 문자열, (cf-URL은 URI의 하위 개념) 다른 웹 페이지 주소, 서버의 주소, 프로젝트 내 다른 HTML 파일 등 method: GET, POST 등 양식을 제출할 때 사용할 HTTP 메소드 GET : action에 명시한 URI에 Query Parameter(?뒤로 오는 값)형태롤 이어 붙여서 전송(Default, 기본값) 예) 그대로 드러나기 때문에 보안에 취약함 Post: Request Body에..

IT/HTML 2023. 9. 24. 15:06

내가 가고싶은 회사는 프론트엔드 기술을 제대로 배울 수 있는 회사이다. 코딩은 직접 경험해보고 현장에서 배우면서 진행해야지 실력이 많이 늘 것 같다. 최종 목표는 해외 취업이니 기초를 잘 다져 나갈 수 있었으면 좋겠다. 잘 하고 싶은 마음이 있지만 어떻게 잘 해야할지 모르는 상황이지만. 차근차근 배워가며 급하지 않고 해야하는 것을 하나하나씩 해나가며 진행하겠다. 항상 배운것들을 글로 정리하고 어떻게 진행해 나갈 것인지 차근차근 나아가겠다. 내가 회사를 선택하는 기준은 사람들의 성향과 분위기이다. 아무리 좋은 회사이더라도 나와 맞지 않는 사람들과 함께 일한다는 것은 너무 힘든 일인 것 같다. 그러기에 좋은 사람들과 함께 일하며 나의 능력도 함께 길러 나아가고 싶다.

IT 2023. 9. 21. 16:04

CSS transform-origin속성은 요소 변환의 원점을 설정합니다. 원점은 변환이 적용되는 지점입니다. 기본값은 50% 50%요소의 중심인 입니다. 속성 transform-origin은 백분율, 길이, 키워드 등 CSS 위치로 사용할 수 있는 모든 값으로 설정할 수 있습니다. 예를 들어 다음 코드는 요소의 원점을 왼쪽 위 모서리로 설정합니다. transform-origin: 0% 0%; 속성 transform-origin을 키워드 값으로 설정할 수도 있습니다. 다음 키워드가 지원됩니다. top: 요소의 상단 가장자리입니다. bottom: 요소의 아래쪽 가장자리입니다. left: 요소의 왼쪽 가장자리입니다. right: 요소의 오른쪽 가장자리입니다. center: 요소의 중심입니다. 이 속성은 , ..

IT/HTML 2023. 9. 13. 23:44

skew() 함수의 구문은 다음과 같습니다. skew(x-deg, y-deg); 여기서 x-deg는 요소를 x축으로 기울일 각도이고, y-deg는 요소를 y축으로 기울일 각도입니다. 각도는 degrees 단위로 지정됩니다. 음수 각도는 반대 방향으로 기울이는 것을 의미합니다. 예를 들어, 다음 CSS는 요소를 x축으로 30도, y축으로 45도로 기울입니다. div { transform: skew(30deg, 45deg); } 이 CSS는 다음과 같은 결과를 생성합니다. 이 요소는 x축으로 30도, y축으로 45도로 기울였습니다. skew() 함수는 다음과 같은 2개의 옵션을 사용할 수 있습니다. origin: 요소의 기울임 중심을 지정합니다. deg: 각도를 degrees 단위로 지정합니다. (기본값) ..

IT/HTML 2023. 9. 13. 23:35

HTML/CSS scale() 함수로 요소 크기 조절하기 HTML/CSS에서 scale() 함수는 요소의 크기를 조절하는 변환을 정의합니다. 변환의 결과는 데이터 유형입니다. scale() 함수의 구문은 다음과 같습니다. scale(x, y); 여기서 x는 요소의 가로 크기를 조절하는 값이고, y는 요소의 세로 크기를 조절하는 값입니다. x와 y는 모두 숫자 값입니다. x와 y의 값이 모두 1이면 요소의 크기가 변하지 않습니다. x 또는 y의 값이 1보다 크면 요소의 크기가 커집니다. x 또는 y의 값이 1보다 작으면 요소의 크기가 작아집니다. 예를 들어, 다음 CSS는 요소의 가로 크기를 2배로, 세로 크기를 1.5배로 조절합니다. div { transform: scale(2, 1.5); } 이 CSS..

IT/HTML 2023. 9. 13. 23:27