전체 글 159

[ 3D Web : Front_JavaScript ] 자바스크립트 기초 개념.

[ 3D Web : Front_JavaScript ] 자바스크립트 기초 개념.   ∇ 자바스크립트 기초 문법들.목 차1. 주석2. 스타일 가이드3. 예약어4. 변수와 상수5. 변수 선언 및 할당6. 데이터 타입    1. 주석    - 자바스크립트에서는 코드 내에 주석을 추가하여 코드를 설명하거나,                           코드 실행 주에 무시되어야 하는 부분을 가릴 수 있습니다.    - 주석은 코드를 읽기 쉽게 만들어주며, 코드 유지보수에 유용합니다.한 줄 주석// 이 줄은 주석입니다. 실행되지 않습니다.console.log('실행됩니다.'); // 이 줄은 실행되며, 콘솔에 '실행됩니다.'가 출력됩니다. 여러 줄 주석/*여러 줄의 주석입니다.이 줄은 실행되지 않습니다.*/co..

[ Web & Mark UP ] HTML 입력 양식들.-[1]

[ Web & Mark UP ] HTML 입력 양식들. - [1] ◆ 폼 구성하기.      - 폼(Form)이란         HTML에서 유저와 상호작용해서 정보를 입력 받고 서버로 전송하기 위한 양식을 의미합니다.👉 SSR에서는 일반적으로 form 제출과 같은 HTML 기반의 동작을 필요로 할 때 태그를 사용하는 것이 좋습니다.CSR과 SPA의 기반으로하는 리액트와 같은 모던 프론드엔드에서는 태그를 사용하지 않고도 폼 데이터를 처리 할 수 있습니다.   ∇ form 태그         - form 태그는 action과 method 속성을 함께 사용합니다.         □ action 속성.            - action 속성에는 폼 요소에서                "사용자와 상호작용으..

[ C.S 지식 정리 ] 프론트 엔드 면접 대비 MarkUp&JS 정리 - [2]

[ C.S 지식 정리 ] 프론트 엔드 면접 대비 MarkUp&JS 정리 - [2]   ∇ 프론트엔드 면접 대비 - [2]목 차1. MarkUP2. JavaScript   1. Mark UP [ HTML & CSS ] 13. Box model에 대해서 설명해주세요.         - Box model은 HTML 요소를 박스로 취급하여 구성하는 CSS의 기본 개념입니다.                ※ 주요 구성 요소.                        1. Content : 실제 내용이 들어가는 영역                        2. Padding : 내용과 테두리 사이의 여백                        3. Border: 패딩 주변을 감싸는 테두리             ..

[ Web & MarkUP ] CSS 선택자들.

[ Web & MarkUP ] CSS 선택자들.   ∇ CSS의 선택자들.목 차1. 전체 선택자2. 태그 선택자3. 클래스 선택자4. 아이디 선택자5. 기본 속성 선택자6. 조합 선택자 사용하기.7. 가상 요소 선택자 사용하기8. 가상 클래스 선택자 사용하기9. 다양한 선택자 조합하기10. 속성 선택자11. 복습    CSS 문법은 크게 선택자와 선언부로 구성이 됩니다. 그 중 선택자는 CSS를 적용할 태그(요소)를 지정하는 문법적인 영역이며 CSS는 선택자를 지정하는 다양한 방법들을 제공합니다.   1. 전체 선택자.      : 전체 선택자는 HTML에서 사용할 수 있는 모든 요소를         한 번에 선택자로 지정하는 방법으로    * 기호를 사용합니다.* { color: red; }  ..

[ Web & Mark UP ] HTML 필수 태그 정리해보기 - [ 2 ]

[ Web & Mark UP ]   HTML 필수 태그 정리해보기 - [ 2 ]    ∇ HTML 필수 태그 - [2]목 차1. 표 만들기2. 멀티미디어 설정하기    ∇ 표 (table) 만들기.    ※ 표란, 행과 열 그리고 셀로 이루어진 것.  ◆ table 태그.      : 표의 시작과 끝을 알려주는 과 태그를 표시하고,          그 사이에 표와 관련된 태그를 모두 넣습니다.   ◆ caption 태그.      : 표를 생성할 때 '웹 접근성을 향상하는 방법의 하나로 표 제목을 지정' 합니다.           표 제목은 caption 태그로 지정하므로, 표를 만들 때는 반드시 caption 태그를 사용해야 합니다. 표 제목출처: https://cut-eyebrow.tistory...