본문 바로가기 메뉴 바로가기

I'm a Fig, Not a Pig

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

I'm a Fig, Not a Pig

검색하기 폼
  • 분류 전체보기 (219)
    • Language (59)
      • JavaScript (59)
      • Python (0)
    • Client (55)
      • HTML (3)
      • CSS (11)
      • React.js (25)
      • TypeScript (8)
      • Next.js (8)
      • React Native (0)
    • Backend (4)
      • AWS (0)
    • Git&Github (17)
    • 코드잇 스프린트 (40)
      • Weekly paper (10)
      • Daily Quiz (30)
    • Toy Project (12)
      • Time to focus (12)
      • Chrome Extension (0)
    • Error (1)
    • Linux (0)
    • CS (14)
      • Computational Thinking (3)
      • C (5)
      • 네트워크 (1)
      • 운영체제 (1)
      • 리눅스 (0)
      • 컴퓨터구조 (2)
    • Online courses (4)
      • The Complete JS Course 2023 (1)
      • Coding apple (3)
    • Tips (2)
      • 보안 (2)
      • IT 상식 (5)
      • 취업 (0)
    • Daily (3)
      • 서평 (1)
      • 회고 (1)
      • 개발일지(Fig Notes) (0)
    • Design (0)
  • 방명록

2024/04/02 (3)
[CSS] initial 속성과 inherit 속성

1. initial 모든 CSS 속성에는 기본값(initial/default value)이 있다. 예를 들면 대부분의 브라우저에서 color 속성의 기본값은 black이다. initial 속성값은 해당 속성을 기본값으로 초기화 시켜준다. 따라서 태그의 중첩이 있을때 부모 요소의 속성을 상속받지 않고 기본값으로 초기화 하고 싶은 경우 사용할 수 있다. 다음 예제를 살펴보자. This is heading This is a paragraph.This is child element! h1 { font-size: 2rem; } p { font-size: 1.5em; } span{ font-size: initial; color: tomato; } body 태그는 자식 요소로 h1 태그와 p 태그를 가진다. p 태그..

Client/CSS 2024. 4. 2. 15:03
하드코딩이란?

하드코딩의 뜻은 값을 고정시켜 놓는 것 이다. 반대로 소프트코딩은 값이 고정되지 않고 가변적인 것을 의미한다. 하드코딩의 문제는 값을 고정시켜놓기 때문에 유지보수가 어렵고 유연성이 부족하다. 다음의 예제를 보자. // 하드코딩된 예시: 숫자를 직접 사용 function calculateCircleArea() { const radius = 5; // 반지름을 하드코딩 const area = Math.PI * Math.pow(radius, 2); console.log('원의 넓이:', area); } calculateCircleArea(); 이 코드에서는 반지름을 5로 하드코딩해서 사용하고 있다. 만약 반지름을 변경하려면 함수 내부의 코드를 수정해야 한다. 더 좋은 방법은 함수에 인자로 전달해서 사용하는 것..

Tips/IT 상식 2024. 4. 2. 14:51
[코드잇 스프린트] 0402 데일리 퀴즈

1. 를 실행하였을 때, 오류가 일어난다. 오류가 발생하는 이유와 해결 방법에 대해 설명하시오. // 1번 직원 정보 const p1 = fetch('').then((res) => res.json()); // 2번 직원 정보 const p2 = fetch('').then((res) => res.json()); // 3번 직원 정보 const p3 = fetch('').then((res) => res.json()); Promise .all([p1, p2, p3]) .then((results) => { console.log(results); // Array : [1번 직원 정보, 2번 직원 정보, 3번 직원 정보] }); 답: Promise 객체가 하나라도 rejected 상태가 되는 경우에 대비해서 cat..

코드잇 스프린트/Daily Quiz 2024. 4. 2. 14:26
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • tanstackquery
  • 코드잇스프린트
  • hydrationboundary
  • 취업까지달린다
  • arguments
  • CSS
  • 유사배열객체
  • Target
  • 동기
  • 제어 컴포넌트
  • react
  • 배열
  • javascript
  • js
  • 중급 프로젝트
  • GitHub
  • innerhtml
  • Git
  • currentTarget
  • html
  • 프론트엔드
  • rest parameter
  • map
  • 코드잇 스프린트
  • 리액트
  • Next.js
  • 비동기
  • 비제어 컴포넌트
  • 객체
  • 스프린트프론트엔드6기
more
«   2024/04   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바