본문 바로가기

분류 전체보기179

[ CSS + Bootstrap] Css, Bootstrap 기초 내용 정리 CSS is Cascading Style Sheets 1. Css types inline Css include inline styles of Html tag. Text internal Css internal css places into the head tag with tag and can style all of element included in this page. external css The external style sheet is generally used when you want to make changes on multiple pages. Order By CSS inline Css > internal Css > external Css 2. Css Syntax and selector { prop.. 2023. 3. 3.
[ HTML ] HTML 기초 내용 정리 HTML 이란 ? HTML 은 Hyper Text Markup Language 줄임말로 간단하게 말하면 웹 페이지를 만드는 마크업 언어입니다. HTML은 특정 기능을 지원하는 태그 문법을 사용하며 HTML 태그는 100개가 넘습니다. 그 중에서 가장 많이 쓰이고 유용한 태그들을 하나씩 살펴봅니다. 1. - Self-closing tag 2. - a horizontal line - default size is 1px - Attribute align, color, size, width, noShade 3. - unordered list - List item - Order List ** + : default with numbers, ** : Set list as i, ii, iii etc.. ** : Star.. 2023. 3. 3.
[ 리액트 면접준비 ] 프론트엔드 면접 준비, React.js 안녕하세요!~ 오늘 프론트엔드 개발자로써 면접 준비 과정을 정리해 기록해봤습니다. React 기념, 특징과 React 쓰는 이유 React는 Facebook에서 개발한 UI(User Interface) 라이브러리로, JavaScript를 기반으로 합니다. React는 UI를 더욱 간편하게 구성하도록 해주는 선언형(Declarative) 프로그래밍 방식을 제공합니다. 이를 통해 개발자는 웹, 모바일, 데스크톱 등 여러 플랫폼에서 일관성 있고 빠르게 UI를 개발할 수 있습니다. 리액트의 특징은 다음과 같습니다: 컴포넌트 기반 아키텍처 React는 컴포넌트 기반 아키텍처를 사용합니다. 이는 UI를 작은 재사용 가능한 컴포넌트로 나누어 개발하는 것을 의미합니다. 코드 유지 보수가 더 쉬워지고, 앱 개발이 더 빠.. 2023. 2. 21.
[ 면접 준비 ] 프론트엔드 개발자 면접 준비 , JavaSctipt 안녕하세요!~ 오늘 프론트엔드 개발자로써 면접 준비 과정을 정리해 기록해봤습니다. 1. JS를 body 맨 밑에 둬야 하는 이유는 무엇인가요? 간단한 자바스크립트 코드는 별 문제가 생기지 않고 매우 무거운 자바스크립트 코드들이 포함될 경우 자바스크립트 코드를 body 태그 맨 뒤에 선언하게 되면, 무거운 코드가 있다고 하더라도 html태그와 CSS가 모두 동작한 다음 불러오기 때문에 미완성된 화면이 오랫동안 지속되지 않을 것입니다. 또한 문서의 DOM(Document Object Model)구조가 완료된 시점에서 실행되기 때문에 따로 추가 설정을 할 필요가 없어지고 그렇기 때문에 특별한 사유가 있는게 아니라면 위치는 태그 맨 마지막에 선언하는 것 올바릅니다. 2. 호이스팅, 스코프 , 변수 변수 : 자바.. 2023. 2. 21.

티스토리툴바