분류 전체보기(27)
-
CSS란
1. CSS(Cascading Style Sheets)란? CSS는 웹 사이트의 글꼴, 색상 등을 적용할 수 있습니다. CSS의 C의 Cascading 은 ' 폭포', '위에서 아래로 쏟아지는' 이라는 뜻으로 쉽게 말해서, 위에서 아래로 쏟아지는 스타일 시트라는 뜻입니다. 2. CSS 구성 요소란? 선택자(selector): 디자인을 적용할 HTML 영역 속성(property) : 어떤 스타일을 부여할지를 지정합니다. ex) text-align, color 등 값(value): 프로퍼티의 종류에 따라 지정하는 일정 범위의 값이라고 하는데, ex) center, end, justify, left, aqua, red 쉽게 풀이하면, 속성 color의 값에는 aqua, red등이 있고, 글자의 위치를 정렬하는..
2024.02.16 -
가상요소와 가상 클래스란
가상요소와 가상 클래스의 차이를 비교하면, 1. 가상 요소와 가상 클래스의 차이 가상 요소는 특정 환경이 발생하면, 스타일을 변화 시키며, 가상 클래스는 스타일을 변화시키는 코드입니다. 2.가상 클래스와 가상 요소의 사용 방법? 가상 클래스는... 선택자:가상 클래스 { property: value; } 가상 클래스는 :를 사용하고, 아래 처럼 가상 요소는 ::를 쓰는 것이 차이입니다. 선택자::가상 요소{ property: value; } 3.가상 클래스의 종류 가상 클래스의 개념을 정리했고, 아래는, 가상 클래스의 종류입니다. :hover -> 요소에 커서 올렸을 때 스타일 지정 :first-child -> 부모의 자식 요소중에서 첫번째 요소에 스타일 지정 :nth-child(2) -> 부모의 자식 ..
2024.02.16 -
JSX란(장점, 사용법 등..)
1.JSX란? JSX는 JavaScript의 확장 문법으로 JavaScript와 XML/HTML이 합친 것입니다. ①XML이란? 데이터를 교환하기 위한 Markup 언어이다. JSX 문법을 적용한 간단한 코드입니다. const element = Hello; 'const element = ' 는 JAVASCRIPT 문법이며, Hello 코드는 html 에서 쓰는 코드입니다. 이렇게 JavaScript와 html/xml 문법이 결합된 것입니다. 2.JSX의 역할 JSX는 내부적으로는 JavaScript로 변형 됩니다. 여기서, JavaScript로 변형 시키는 것이, createElement 함수입니다. 하기 코드는 JSX를 쓴 코드와 쓰지 않은 코드가 있습니다. //jsx를 쓴 코드 const elemen..
2024.01.14 -
리엑트 장점과 단점
1.리액트의 장점 ①빠른 업데이트 웹 페이지의 메뉴 중에 있는 버튼을 아무거나 눌러서 업데이트를 하는데, 업데이트 시간이 굉장히 오래걸린다면 사용자들은 도중에 나가버린다고 한다. 그런 상황을 막기 위해서, REACT에서는 이런 상황을 막기 위해서 Virtual DOM이 있다. ⓐDOM(Document Object Model)이란? 브라우저안에는 웹 문서를 해석 할 수 있는 랜더링 엔진이 있다. 브라우저에서 랜더링엔진이 html 요소를 제어화 할 수 있도록 웹 문서를 객체화한 것이다. ⓑVirtual DOM이란? 리엑트에서는 Virtual DOM을 이용해서 실제 DOM과 같은 복사 본입니다. 그런 이유 때문에, 브라우저에 접근하지 못합니다. 리엑트는 가상 돔을 이용해서 돔조작을 훨씬 빠르게 해준다. ⓒVi..
2024.01.14 -
JavaScript란?
공부할 언어는 JavaScript입니다. 아래 사진의 마크는, JavaScript입니다. 1. JavaScript의 개발자 JavaScript의 개발자는 브랜든 아이크입니다. 브랜든 아이크는 JavaScript와 브라우저 firefox를 만든 프로그래머입니다. 2.JavaScript 에 대해서... JavaScript는 웹에서 주로 쓰는 대표적인 언어입니다. 웹페이지를 만들 때는 HTML과 CSS과 JAVASCRIPT를 씁니다. HTML은 웹 페이지를 어떻게 구성 요소(버튼, 검색 창, 사진, 영상...)를 어떻게 구성할 것인지 등을 결정하는 언어입니다. CSS는 그 구성 요소의 디자인이나 위치 등을 어떻게 구성할 지 결정할 때 쓰는 언어입니다. Java Script는 그 구성 요소들이 어떻게 작동하게 ..
2024.01.13 -
C언어란?
1. C언어에 대해서.... C언어의 창시자는 데니스 리치라는 사람입니다. C언어를 다른 언어들 보다는 많이 불편하고, 쓰기 힘들지만, 그럼에도 배우는 이유는.... 우리가 많이 쓰는 언어의 영향을 많이 받았기 때문이 아닐까 싶습니다. #include int main() { //Hello, World! 출력 printf("Hello, World!\n"); } 위 코드는 Visual studio를 이용해서 만든 C언어 코드입니다. 위 코드의 main 부터 설명 드리면, ①. stdio.h란? stdio.h는 입/출력을 실행하기 위한 헤더 파일입니다. 즉, #include 란 말 그대로 stdio.h를 포함시키는 코드입니다. ②. main()이란? C언어에서 main은 프로그램 실행을 위한 시작 지점을 의미..
2024.01.11