본문 바로가기

프론트엔드3

[프론트엔드][CSS] TIL -Day 12.1 position 포지션 & border 보더 종류 설명 static 따로 설정하지 않았을 때의 배치와 같다. 즉, 기본값 relative 위치값을 지정할 수 있다는 점 외에는 static과 같다. absolute relative값을 가지고 있는 상위 요소를 기준으로 위치를 지정해 배치한다. fixed 브라우저 창을 기준으로 위치를 지정해 배치한다. 코드를 참고하면서 위의 실행화면을 보면, 첫번째 더미박스와 두번째 더미박스는 각각 static과 relative를 사용해서 웹 문서의 흐름에 따라 요소가 위에서 아래로 자연스럽게 배치된다. 세번째 더미박스는 relative로 설정하였으므로, 왼쪽과 위쪽으로 위치 변화를 줄 때 움직임이 생김을 알 수 있다. 단, 좌측과 상단으로의 변화가 생기지만, 그것은 이전의 박스를 기준으로 한 상대적인 변화가 아니라 .. 2022. 4. 12.
[프론트엔트] [HTML] TIL Day-3 HTTP와 HTML란? 이미지 출처: pixabay HTTP(Hyper Text Transfer Protocol) : W3(www, world wide web, 월드 와이드 웹, 인터넷에 연결된 컴퓨터를 통해 사람들이 정보공유할 수 있는 정보 공간) 상에서 클라이언트와 서버 사이에 요청과 응답을 위해 이루어지는 정보를 주고 받을 수 있는 프로토콜(컴퓨터나 원거리 통신 장비 사이에 메세지를 주고 받는 양식과 규칙의 체계)이다. 주로 HTML문서를 주고 받는 데에 쓰인다. HTTP를 통해 전달되는 자료는 http:로 시작하는 URL(uniform resource locator, 웹주소, 네트워크 상에서 자원이 어디에 위치해 있는지 알려주기 위한 규약, 이때 FTP는 FTP클라이언트를, HTTP인 경우에는 웹 브라우저(구글 크롬, .. 2022. 3. 30.
[컴퓨터공학과] 졸업후 진로: Fullstack(풀스택), backend(백엔드), frontend(프론트엔드), mobile(모바일: 스마트폰 및 앱) 개발자, 프로그래머 컴퓨터과학과(컴퓨터공학과)를 졸업하면 보통 어떤 직업을 갖고 어떤 일을 하게 되는지 궁굼한 분들이 많은 것 같다. 해당 학과의 졸업생들의 많은 수는 Naver, 카카오, 쿠팡, 배달의 민족, 삼성전자, LG전자, 현대차 등 좋은 기업에 개발자로 취업하는 경우가 많다. 그렇다면, 그러한 회사에서는 어떠한 것들을 개발할까? 그 답을 말하기에 앞서서 하기 통계치를 한번 살펴보자. stackoverflow에서 2019년 설문조사한 본인의 업무이다. 즉, 많은 수의 사람들이 개발자로서 일을 하고 있으며 Full-stack, back-end, front-end, desktop application, mobile 등을 개발한다. 쉽게 풀어서 말하자면, Front-end 개발 - 서비스 클라이언트를 개발하는 일이다. .. 2020. 8. 23.