코딩하는 코커두드/HTML, CSS, JavaScript8 [JavaScript] 동기 처리와 비동기 처리, 그리고 콜백함수 1. 동기 처리와 비동기 처리- 동기(synchronous) 처리 : 현재 실행 중인 태스크가 종료될 때까지 다음에 실행될 태스크가 대기하는 방식 (예 : 코드 한 줄 실행 완료 -> 다음 줄 실행) ▪️장점 : 실행 순서가 보장됨 ▪️단점 : 앞 태스크가 완료될 때까지 뒤의 태스크들이 블로킹(작업중단)됨 - 비동기(asynchronous) 처리 : 현재 실행 중인 태스크가 완료되지 않았더라도 다음 태스크를 곧바로 실행하는 방식 (예 : 코드 한 줄을 실행하면 해당 코드 한 줄의 완료 여부와 관계없이 다음 줄이 실행된다.) 2. 비동기적 처리 방식으로 동작하는 기능의 예 - 타이머 함수인 setTimeout과 setInterval - HTTP 요청 - 이벤트 핸들러 3. setTimeout으로.. 2025. 1. 5. [JavaScript] 객체 생성방법 (그리고 근황) 🍀 근황저는 11월 말에 강사님과 상담을 한 후 청년취업사관학교(SESAC)를 하차하였습니다. 지금의 저는 앱 개발자보다 웹 백엔드 개발자로서의 길을 더 가고 싶었기 때문입니다.동시에 저만의 홈페이지를 처음부터 끝까지 구축하기 위해 자바스크립트도 열심히 찾아보고 공부하고 있습니다.내일이면 크리스마스 이브입니다. 저는 이브에도, 크리스마스에도, 그리고 새해 첫 날에도 서울 살이에 드는 비용을 충당하기 위해 일을 합니다. 그치만 일하는 시간을 제외하곤 코딩 공부와 프로젝트를 이어갈 수 있음에 행복하게 지내고 있답니다:) 1️⃣ 자바스크립트로 객체 생성하는 방법 1 : 객체 리터럴자바스크립트는 클래스 기반 객체 지향 언어가 아닌 프로토타입 기반 객체 지향 언어입니다.자바를 공부하며 익혔던 방법과는 다르게 .. 2024. 12. 23. [CSS] CSS 단위 이해와 색상표기 1️⃣ CSS에서 요소의 크기를 나타내는 단위는 여러개가 있다.(1) px : 픽셀 단위로 표현. 해상도에 따라 다른 크기를 가짐. 기존에 가장 많이 사용(2) % : 100%를 기준으로 몇 %를 차지하는지 상대적인 비율로 크기 결정(3) em : 배수 단위. 웹 브라우저가 디폴트로 16px로 표시한다면, 2em = 32px가 됨. 단, 중첩될 경우 자식 요소의 기준점이 달라져서 자식 요소 사이즈에 영향을 줌(4) rem : root em으로 중첩에 관계없이 최상위 요소📌 예시코드 기본사이즈 16px 중첩1 2em = 32px중첩2 2em = 64px 기본사이즈 16px 중첩1 2em = 32px중첩2 2em = 32px .. 2024. 7. 25. [CSS] CSS 입문 ✅ HTML 문서에 css 파일로 링크하는 방법을 사용! Hello world 📌 Reset CSS : 크로스브라우징 문제가 생길 수 있기 때문에 HTML 디자인 요소를 싹 다 초기화시키는 설정◾ https://cdnjs.com/libraries/normalize normalize - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developersNormalize.css as a node packaged module - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN .. 2024. 7. 25. [HTML] HTML 추가로 알아두면 좋은 개념들과 이미지 1. 웹 표준 : World Wide Web(WWW) 공식 규격으로 W3C(World Wide Web Consortium) 권고안에 따라 정의된 웹 표준 ◾ HTML 버전에 따라 추가 혹은 삭제(deprecated)되는 태그 및 속성이 존재함 ◾ 이는 기능 자체를 바로 지원하지 않거나 동작하지 않는 것은 아님. 경고성으로 deprecated 표기. ◾ deprecated된 태그들은 아래 페이지에서 빨간 글씨로 Not supported 기재되어 있음 ◾ https://www.w3schools.com/tags/default.asp W3Schools.comW3Schools offers free online tutorials, references and exercises in all the.. 2024. 7. 25. [HTML] HTML 기본 태그들 (입문기 3) ✅ HTML 기본 태그 3탄1. : 사용자로부터 입력을 받는 태그 ◾ action : 사용자로부터 입력을 받은 데이터를 처리할 URL ◾ method : HTTP method (post 또는 get) ◾ target : URL 이동방법 - _self : 현재 브라우저에 띄우기 - _blank : 새 브라우저에 띄우기 2. : 사용자로부터 데이터를 입력받을 때 사용하는 주요 태그📌 input type은 매우 다양합니다. 아래 링크를 참고해주세요.https://www.w3schools.com/html/html_form_input_types.asp W3Schools.comW3Schools offers free online tutorials, references an.. 2024. 7. 23. 이전 1 2 다음
