본문 바로가기
반응형

전체 글71

[JavaScript] 비동기 JavaScript는 동기적 언어이다. 동기(synchronous) JavaScript는 싱글 스레드 기반으로 동작하는 언어로 특정 코드의 실행이 완료될 때까지 기다리고 난 후 다음 코드를 수행하는 한다. 컴퓨터 발전에 따라 하나의 컴퓨터가 여러 작업을 처리하는 등의 기능이 필요하게 되었다. → 비동기식이 필요하다.(ex.유튜브, 게임 등) 비동기(asynchronous) 특정 코드의 실행이 완료될 때까지 기다리지않고 다음 코드들을 수행하는 것 JavaScript 비동기적 실행(Asynchronous execution) 아래 작업의 경우 비동기적 실행으로 작동되어야 효율적이다. 백그라운드 실행, 로딩 창 등의 작업 인터넷에서 서버로 요청을 보내고, 응답을 기다리는 작업 큰 용량의 파일을 로딩하는 작업 비.. 2023. 5. 4.
[React] 특징과 JSX 문법 React 프론트엔드 개발을 위한 JS 오픈소스 라이브러리 React 3가지 특징 1. 선언형(Decalarative) : 한 페이지를 보여주기 위해 HTML, CSS, JS로 나눠서 적기 보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX(HTML, JavaScript 결합한 문법)를 활용한 선언형 프로그래밍을 지향 2. 컴포넌트 기반(Component-Based) : 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둠 (컴포넌트로 분리하면 서로 독립적이고 재사용 가능, 기능 자체에 집중하여 개발 가능) 3. 범용성 : JavaScript 프로젝트 어디에든 유용하게 적용 (Facebook에서 관리되어 안정적이고, 유명하고, React Native로 모바일 개발도 가능) JSX 주요 문법 JSX (J.. 2023. 4. 27.
마크업 올바르게 사용하기 (O) 스타일링 속성은 CSS로 작성해 주세요. (O) style 요소를 사용해도, CSS 파일을 따로 작성해도 괜찮습니다. (X) 이렇게 인라인 스타일링으로는 사용하지 마세요. //CSS 파일 h2 { color : "yellow" } 2023. 4. 26.
웹 표준 웹 표준의 개념과 등장 배경 웹 표준 W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’ 사용자의 운영체제나 브라우저가 달라도 웹페이지가 동일하게 보이고 정상적으로 작성할 수 있는 웹 페이지 제작 기법 웹 : 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간 웹 표준의 장점 유지 보수가 용이하다. 웹 표준으로 제작하기 이전에는 구조, 표현, 동작이 뒤섞인 코드가 많았다 → 한 곳을 수정하려면 전부 수정해야 하는 경우도 있었다. 하지만, 각 영역이 분리되고 유지 보수가 용이해지면서, 코드가 경량화 되고 트래픽 비용이 감소했다. 웹 호환성 확보 웹 사이트가 특정 운영체제나 브라우저에 종속적이라면 그 외 환경에서는 정상적으로.. 2023. 4. 26.
반응형

티스토리툴바