티스토리

Cokadood
검색하기

블로그 홈

Cokadood

cokadood.tistory.com/m

코커두드 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • [JavaScript] 동기 처리와 비동기 처리, 그리고 콜백함수 1. 동기 처리와 비동기 처리- 동기(synchronous) 처리 : 현재 실행 중인 태스크가 종료될 때까지 다음에 실행될 태스크가 대기하는 방식   (예 : 코드 한 줄 실행 완료 -> 다음 줄 실행)  ▪️장점 : 실행 순서가 보장됨  ▪️단점 : 앞 태스크가 완료될 때까지 뒤의 태스크들이 블로킹(작업중단)됨 - 비동기(asynchronous) 처리 : 현재 실행 중인 태스크가 완료되지 않았더라도 다음 태스크를 곧바로 실행하는 방식   (예 : 코드 한 줄을 실행하면 해당 코드 한 줄의 완료 여부와 관계없이 다음 줄이 실행된다.) 2. 비동기적 처리 방식으로 동작하는 기능의 예 - 타이머 함수인 setTimeout과 setInterval - HTTP 요청 - 이벤트 핸들러 3. setTimeout으로.. 공감수 0 댓글수 0 2025. 1. 5.
  • [JavaScript] 객체 생성방법 (그리고 근황) 🍀 근황저는 11월 말에 강사님과 상담을 한 후 청년취업사관학교(SESAC)를 하차하였습니다. 지금의 저는 앱 개발자보다 웹 백엔드 개발자로서의 길을 더 가고 싶었기 때문입니다.동시에 저만의 홈페이지를 처음부터 끝까지 구축하기 위해 자바스크립트도 열심히 찾아보고 공부하고 있습니다.내일이면 크리스마스 이브입니다. 저는 이브에도, 크리스마스에도, 그리고 새해 첫 날에도 서울 살이에 드는 비용을 충당하기 위해 일을 합니다. 그치만 일하는 시간을 제외하곤 코딩 공부와 프로젝트를 이어갈 수 있음에 행복하게 지내고 있답니다:)  1️⃣ 자바스크립트로 객체 생성하는 방법 1 : 객체 리터럴자바스크립트는 클래스 기반 객체 지향 언어가 아닌 프로토타입 기반 객체 지향 언어입니다.자바를 공부하며 익혔던 방법과는 다르게 .. 공감수 0 댓글수 0 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 .. 공감수 0 댓글수 0 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 .. 공감수 0 댓글수 0 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.. 공감수 0 댓글수 1 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.. 공감수 0 댓글수 0 2024. 7. 23.
  • [HTML] HTML 기본 태그들 (입문기 2) ✅ HTML 기본 태그 2탄- html5까지 입력 후 enter키나 tab키를 사용하면 다음과 같은 코드블럭이 형성됩니다. 코두코딩입니다. 코두코딩입니다. 코두코딩입니다. 코두코딩입니다. 반갑습니다. 코두코딩  1. h로 시작하는 태그 : 2. p 태그 : 문단을 시작한다.3. a href = "url" : 코두코딩을 클릭하면 따옴표 안의 url로 이동한다.4. target = "_blank" : 새로운 브라우저에 탭을 띄운다.  고양이 아침 주기 고양이 사냥놀이하기 고양이 간식 주기 html 공부 spring mvc 공부 cs 지식 공부 5. ol 태그와 ul태그◾ ol 태그는 자동으로 앞에 숫.. 공감수 0 댓글수 0 2024. 7. 17.
  • [HTML] HTML 기본 태그들 (입문기 1) 📌 백엔드 공부를 하다보니 포트폴리오를 채워야 한다는 압박감에 사로잡히는게 일상이 되었습니다. 몇 번씩이나 팀 프로젝트가 어긋나다보니 개인적인 욕심이 생기더라고요.'화면 구현부터 스스로 해보자.'이 결심이 어떤 방식으로 제 인생에 독특한 얼룩을 새겨줄지 한 치 앞을 알 수 없으나그래도 시작해보려합니다. ✅ HTML 시작 전 - Visual Studio Code와  Codesandbox를 함께 사용해보고자 합니다.- codesandbox.io - codesandbox에 가입 후 create a new sandbox를 누르면 새 프로젝트를 생성할 수 있습니다. ✅ HTML 기본 태그- html5까지 입력 후 enter키나 tab키를 사용하면 다음과 같은 코드블럭이 형성됩니다.  - : 이 문서는 h.. 공감수 0 댓글수 0 2024. 7. 17.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.