B와 D사이의 C

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

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

/* 잡솔 시작 국비 교육이 점점 끝나간다. 6개월 도대체 어떻게 버티나, 뭔 6개월이나 배우나 하는데 막상 끝날 시간이 코앞으로 다가오니깐 와...... 도대체 뭘 배웠나 싶고 포폴은 왤케 끝나질 않는건지..... 하루종일 VScode 붙잡고 낑낑대고 있다...ㅠ0ㅠ 나 일할 수 있는거 맞니.... 이력서도 다시 써야하고 웹 포트폴리오도 빨리 완성해야 하는데 아직 할 작업이 많이 남아서 ㅠㅠ 큰일이다. 담주면 바로 수료인데 흑흑. 이력서도 아직 제대로 안썼지만 일단 모의 면접이라도 먼저 준비해볼까 싶어서 구글링을 하는데, 프론트엔드 면접질문 웹사이트가 있었다. 프론트엔드 준비하시거나 이직하시는 분들에게 완전 짱짱인 웹사같다. 좀 오래된거 같긴한데 뭐 질문이야 거기서 거기겠찌. 사이트는 아래 참고. [ ..

공부는끝이없다/java script 2020. 10. 22. 01:36

/* 요새 하는일을 나열해 보자면,,, 웹사이트 프론트엔드 프로젝트 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

국비지원 UX/UI 과정이 약 2달이 지났다. 2달 사이에 난 뭘했나... 싶은데 유에스비가 한층 늘어난 걸 보니 뭘 하긴 했구먼... 과정은 UX/UI인데 거의 퍼블리셔 위주로 수업을 하기 때문에 프론트엔드를 꿈꾸는 나에게 유용하다면 유용한 수업이긴 했는데 얼마 전부터 웹페이지 만들기 위한 와이어프레임을 포토샵으로 만들면서부터 현타가 하루에도 수십번 찾아옴... 또 그래픽 수업을 갑자기 나가기도 하고... (아무래도 애초에 상담을 할 때 사기 당한것 같다...웹 퍼블, 프론트엔드 과정이라고 하더니 웹디자인 과정이니-_-) ㅎ ㅏ...이걸 내가 왜 해야해,,, 이 생각을 선 하나 그리고 도형 하나 만들 때마다 한 것같다. 결국 팀 작업하고 코딩부분에 나는 더 치중하고 언어공부를 부수적으로 하는 것으로 결..

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

레이아웃을 짜는 방법은 몇 가지가 있는데, 이번에는 position 속성을 이용해서 레이아웃을 짜보았다. 그림을 보면 box가 4개가 있고 box02,03은 box01,04의 반에 각각 들어가 있다. 사실 box를 header, contents, footer로 하면 웹 페이지의 메인이나 서브 페이지 레이아웃이라고 볼 수 있다.(이건 다음에 시멘틱태그 하면서 다시 정리해야지) 아무튼 박스가 4개가 필요하다. 구조를 짜보자. 각 div에 class를 주었다. box01,04와 box02,03이 각각 같은 값을 주어야 하기 때문에 통일된 class명을 box001, box로 주었고 서로 다른 색깔을 주어야 하기 때문에 box01~04까지 또 class를 주었다. css를 외부링크로 넘겨야 하는데 일단 태그로 ..

공부는끝이없다/HTML5&CSS 2020. 7. 30. 00:50

대표적인 웹표준 기준인 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