혼자 복습하고 필기하는

위 제목은 말 그대로 13일 화요일부터 16일 금요일까지 미니 프로젝트 기간이었습니다. 프로젝트는 HTML, CSS, JS를 사용하여 진행되었고 목표는 ChatGPT API를 활용하는 것이 기본 프로젝트의 목표였습니다. 저는 개인비서 서비스를 구현하는 것으로 진행하였고 앞으로 발전 가능성이 크다고 생각하고 있습니다. 서비스 명은 지니스트(Genist)로 Genius와 Assist의 합성어로써 뛰어난 개인비서의 의미를 담고 있어 매력적인 이름입니다. 사용자에게 스케줄 관리와 도움을 제공하는 목표는 효과적인 개발을 통해 실현될 것으로 기대됩니다. 개발 환경으로 Visual Studio Code를 선택한 것은 가벼운 환경에서도 효과적인 작업이 가능하다는 판단과 HTML, CSS, JavaScript로 파일을 ..

Position HTML 태그의 위치를 지정해 주는 속성 (페이지의 레이아웃을 결정할 수 있음) 1. static = 따로 position 속성값을 주지 않았다면 static 값을 가짐, html에 쓴 태그 순으로 정상적인 흐름(normal flow)에 따라 위치가 지정되게 됨 2. relative = 원래 자신이 있어야 하는 위치에 상대적, 자신이 원래 있던 자리를 기억함 원래의 자리를 인식하지만 left, right, top, bottom 속성을 이용해서 움직일 때는 다른 콘텐츠들의 레이아웃에 영향을 미치지 않음 3. absolute = 부모 요소 내부에 속박되지 않고 독립된 배치 문맥 (my way), absolute는 static을 제외한 position 속성값을 가진 가장 가까운 부모의 박스 내..

어제 HTML에 이어서 오늘은 CSS에 대해 알아보았습니다. 일단 어제 주셨던 과제는 오름캠프 홈페이지를 HTML 속성을 표시하기였습니다. 왼쪽은 미숙한 제가.. 진행한 것이고 오른쪽은 강사님 파일입니다. 여기까지만 알아보도록 하겠습니다. ㅋㅋㅋㅋ CSS (Cascading Style Sheets, 낙하) 스타일이 적용될 때는 우선순위를 가지고 적용됨 = 우선순위가 적용되는 과정이 마치 폭포처럼 위에서 아래로 떨어지는 모양 (Cascade라는 단어가 생김) 작성한 HTML의 스타일이나 레이아웃 등을 꾸미는 역할 CSS를 한 번 작성해 여러 HTML에 재사용할 수 있음 (반복 작업 감소) 선택자(Selector) 요소에 { 스타일 적용을 시작 속성(Property) - 이 속성에 : 대응 값은 속성값(Pr..

오늘은 Front-end의 영역에 대해 공부하는 시간입니다. html과 css는 간단하면서도 실습 과정 중 결과가 바로 눈에 보이기 때문에 즐겁게 공부하였던 적이 있습니다. java script 역시 마찬가진데, 그 기억을 되살려 이번 강의도 복습차원에서 열심히 듣겠습니다 :) ​ 7강. HTML+CSS+JS 찍어 먹어보기 '웹프론트의 근간 HTML+CSS+JS의 기초지식을 배운다.' HTML html파일에 style 코드들이 많아져 관리 수정에 어려움을 겪지 않도록, 따로 .css 파일을 생성하여 관리한다. 그리고 html 파일에서 link를 이용하여 .css 파일과 연결시켜주어 작동할 수 있도록 한다. CSS .content{ white-space: pre-wrap; background-color: ..