B와 D사이의 C

1주일하고로 며칠 전에 UXUI 국비지원이 끝났다. 이야기가 길어질 것같아 이번 포스팅은 Index를 먼저 추가한다. UXUI국비지원 후기 1탄 CSS Flex, Grid 개념정리 1주일 하고로 며칠 전에 UXUI 국비지원이 끝났다. 저번주 금요일부터 이력서를 넣기 시작했는데, 하 역시 경력만 뽑넹... 다들 경력 뽑으면 나같은 (중고)신입은..........어카냠...... 일단 내가 들은 과정은 UXUI 웹디자인(퍼블리싱)반이었다. 상담부터가 지금 생각해보면 웃긴데, 나는 퍼플리셔나 프론트엔드가 되고 싶었는데 그 과정이 7월인가 8월에 개강하고 웹디반과 크게 과정이 다르지 않다는 말에 최대한 빨리 수업을 듣고자 제일 빠른 걸로 신청을 했었는데 생각해보니 완전 다른 업무잖아?????ㅎ ㅏ.(상담 사기 ..

공부는끝이없다/HTML5&CSS 2020. 11. 10. 00:35

/* 요새 하는일을 나열해 보자면,,, 웹사이트 프론트엔드 프로젝트 2개 + 자바스크립트 공부(유튜브 1분코딩,자바스크립트30일챌린지) + 끝나지않는 UXUI 국비지원 수업+ 웹 포트폴리오 만들기......etc 이렇다 보니 정신은 어디로 갔는 지 모르겠고, 하나를 하고 있어도 뒤에 너무 할게 많아서 그런지 불안하기만 하다... 하나를 하고 있음 다른 하나가 생각나고.... 하나 다 끝내도 뒤에 너무 많이 남았고..복잡하기만 함. 거기다 취업상담까지 하고 오니 더더욱 조급하고 머리는 복잡해지는데,,,,,, 그래서 오늘 낮잠 2시간 잤다(-_-???) 무튼, 요새는 오전-오후까지 국비수업을 듣고 집에 와서는 웹 포트폴리오를 만들기 시작했는데, 다른건 모르겠고 그냥 웹사이트 디자인을 하는데 애를 먹었다. 코..

공부는끝이없다/기술study 2020. 10. 7. 00:13

얼마 전부터 계속해서 html, CSS 예제를 나가고 있는데.... 이거원 구구단 가르쳐주다가 갑자기 미분,적분하라는 꼴이다. ul안에 li가 들어갑니다, ol안에 li가 들어갑니다 뭐 이런거만 하다가 갑자기 웹사이트 일부를 구현하라니............ 적잖게 당황해서 와 처음부터 구조를 어케 짜더라.... 하면서 멍때렸다. 그리고 당황했는지 clss값이랑 id값을 CSS선언할 때 헷갈려하기도 하고 #대신 .을 찍기도하고 그반대도하고.... 또 생각이 드네..... 이게..실무에서...된다고? 날 뽑아준다고? 허윽. 오늘의 삽질. 쩔었다. 먼저 큰 구조는 안에 , , 를 사용해서 큰 헤더메뉴를 만들어주고 그다음에 각 해당하는 태그 메뉴 안에 드롭다운 메뉴를 안에 로 구성하여 배치해준다. 여기서 또 삽..

공부는끝이없다/HTML5&CSS 2020. 8. 19. 19:38

지난 1탄에 이어서, 왼쪽 텍스트를 맞추었으니, 이번에는 오른 쪽 텍스트를 맞추어보자,,, 오른쪽 텍스트 부분과 왼쪽 텍스트 부분을 큰 타이틀끼리 서로 맞추려고 했는데, 아무래도 서로 텍스트 양이 다를 것 같아서 그냥 완벽하게 맞추진 않았다. (결코 못해서가 아님........;;;) 오른쪽 구조의 경우 h5로 About Me, Education, Experience 타이틀을 적어주고, 나머지 상세 내용들은 p태그에 넣어주었다. 다만, h5 태그에 클래스명으로 list를 주어 각 h5끼리 간격은 맞추어 주었음. 오른쪽으로 들여쓰기도 좀 해주고... 구조 자체는 단순하고 사실 CSS로 위치를 이리저리 왔다갔다 하느라 시간이 좀 걸렸다.... CSS에서 오른쪽 콘텐츠 부분(.profile2)에 너비 값을 5..

공부는끝이없다/HTML5&CSS 2020. 8. 11. 18:06

텍스트 태그는 블록 태그와 인라인 태그로 나눠진다. 블록으로 묶어서 처리하는 태그를 블록 태그라고 하는데 대표적으로 태그와 태그, 태그 등이 있다. 반대로 인라인 태그는 줄바꿈 없이 택스트를 표시하는 태그인데, 태그나 , , 태그 등이 있다. 특히나 인용태그인 태그는 들여쓰기로 표시가 된다. 코드를 살펴보자. 태그는 블록태그고, 같은 인용 태그인 태그는 인라인 태그다. 그래서 " 인용구 " 이런 식으로 적용이 된다. 와 태그는 text에 효과를 주고 싶을때 적용하는데, 의 경우 형광팬 효과를 주며 CSS로 색깔 변경이 가능하다. 아니면, 을 사용해서 인라인태그로 적용할 수 있으나 요즘에는 권장하지 않는다고 한다. 이 부분은 다음 포스팅에서 상세히 다루어 보겠다. 무튼, 다음으로 목록 태그인데 목록 태그는..

공부는끝이없다/HTML5&CSS 2020. 7. 9. 18:58

대표적인 웹표준 기준인 html5를 하면서 웹표준을 생각하지 않을 수 없겠다. 그러나 코딩을 줄줄 짜다보면 h1 h2 h3... 이렇게 아무 생각없이 줄줄 써내려 갈때도 있고 태그나 태그나 뭐 크게 다르겠나 생각할 수도 있다. 그래서 이번에 배운 hn태그와 strong 태그에 대해서 정리해 보려고 한다. 일단 예제를 보자. 이 페이지를 코드로 짠다고 하면,(sublime Text 활용) 여기서 h1 태그는 그 문서중에서 가장 중요한 것으로 인식하기 때문에 단순한 '제목태그'가 아니다. 크기는 CSS로 변경이 가능하기 때문에 h2, h3도 크기가 제목처럼 커질 수도 있고 굵기 조절도 가능한다. 그러나 가장 중요한 h1 없이 h2, h3이 나올 수가 없다고 보아야 한다. 또 h1,h2,h3에서 n의 경우 중..

공부는끝이없다/HTML5&CSS 2020. 7. 7. 14:17