전체 글

❓ CSS 우선순위란?CSS 우선순위는 여러 스타일 규칙 중에서 어떤 것이 실제로 적용될지를 결정하는 규칙이다.즉, 여러 스타일이 정의된 경우, 어떤 스타일이 더 중요한지를 결정하는 방식이다.예를 들어, 같은 요소에 대해 두 가지 스타일 규칙이 있을 때, 우선순위에 따라 어떤 스타일이 최종적으로 보일지 결정된다. ❗ 우선순위1. !important !important를 사용하면, 특정 스타일이 다른 모든 스타일 규칙보다 우선적으로 적용된다. 끝판왕!가장 강력한 우선순위를 가지지만, 남용하면 CSS 관리가 어려워질 수 있으니 주의하자.이 경우, 다른 스타일 규칙은 전부 무시되고 모든 p 요소에 color: black;이 적용됨.p { color: black !important; }  2. 인라인 스타일H..

❓ HTTP 상태 코드란? HTTP 상태 코드는 HTTP 요청에 대한 서버의 응답을 나타내는 3자리 숫자로 이루어진 코드이다.상태 코드는 요청이 성공적으로 처리되었는지, 에러가 발생했는지, 또는 추가 조치가 필요한지를 나타낸다.상태 코드는 주로 5개의 범주로 나뉘며, 각 범주는 특정 종류의 응답을 나타낸다.  1. 1xx(정보)1xx 상태 코드는 서버가 요청을 수신했으며, 클라이언트가 요청을 계속 진행해야 함을 나타낸다. 이 범주는 정보를 제공하기 위해 사용된다.100 Continue: 요청의 일부가 서버에 도착했으며, 클라이언트가 나머지 요청을 계속 전송해도 된다는 것을 의미함.101 Switching Protocols: 클라이언트의 요청에 따라 서버가 프로토콜을 변경했음을 나타냄. 2. 2xx(성공)..

https://hye-story-o0o.tistory.com/54 HTTP 상태 코드 정리❓ HTTP 상태 코드란? HTTP 상태 코드는 HTTP 요청에 대한 서버의 응답을 나타내는 3자리 숫자로 이루어진 코드이다.상태 코드는 요청이 성공적으로 처리되었는지, 에러가 발생했는지, 또는 추가 조hye-story-o0o.tistory.com❓ APIAPI 는 Application Programming Interface 의 약자로, 소프트웨어 간 상호작용을 가능하게 하는 인터페이스를 의미한다.쉽게 말하자면 소프트웨어끼리 서로 대화할 수 있도록 도와주는 도구? 라고 생각하면 된다.두 프로그램이 서로 정보를 주고받으려면 어떤 규칙이 필요한데, 이 규칙을 API 가 제공한다. 예를 들어, 우리가 스마트폰에서 날씨 앱..

https://reactrouter.com/en/main Home v6.26.2 | React Router reactrouter.com❓ React RouterReact Router 는 리액트에서 URL을 기반으로 컴포넌트를 나누고 페이지를 관리할 수 있게 해주는 라이브러리다.리액트는 기본적으로 SPA(Single Page Application) 구조를 따르기 때문에페이지를 이동하더라도 전체 페이지가 새로 로드되는 것이 아니라, URL 이 바뀌면서 화면에 보여주는 컴포넌트만 교체된다. 이러한 구조에서 React Router 를 사용하면, URL 이 바뀔 때 그 URL 에 맞는 특정 컴포넌트만 변경해서,마치 새로운 페이지로 이동하는 것처럼 자연스러운 전환을 만들어낼 수 있다.예를 들어, /home 경로에서..

❓ 시맨틱 태그시맨틱 태그(SemanticTags)를 번역하면 "의미론적 태그"이다.HTML 에서 시맨틱 태그는 웹 페이지의 구조를 정의하고 의미를 부여하는 태그를 말한다. 주요 목적은 단순히 div 나 span 태그를 반복해서 사용하지 말고!태그 자체가 가진 의미를 활용해 웹 페이지를 구성해서 코드의 가독성도 높이고,웹 접근성과 SEO 성능을 개선하는 것이다. ++) SEO?SEO 는 검색 엔진 최적화이다.웹 페이지가 검색 엔진에서 더 잘 검색되도록 최적화하는 과정을 의미한다.즉, 구글이나 네이버에 검색해서 상단에 뜨는 웹 페이지들은 SEO 가 잘 되어 있을 가능성이 높다. ❗ 예시 (+ 예시 외에도 정말 많음!)1. 헤더 영역헤더는 웹 페이지의 상단에 위치하며, 일반적으로 사이트 제목, 로고, 내비게..

❓ 컴포넌트리액트로 만든 페이지는 컴포넌트로 구성되어 있고, 함수형 컴포넌트이다.component 를 번역하면 "요소" 라고 번역해 준다.즉, 함수형 컴포넌트는 함수로 작성된 요소라고 할 수 있다. 이러한 컴포넌트들을 조립해서 페이지를 구성하는데,이렇게 조립해서 사용하면 비슷한 부분들은 다른 페이지에서 코드를 재사용할 수도 있고 유지보수도 쉬워진다.++) 모든 컴포넌트는 대문자로 시작한다.  ❗ 컴포넌트 생성컴포넌트를 생성할 때, 일반적으로 return 문에서 div 로 감싸주며, 빈 태그 로 감싸는 것도 가능하다.그리고 컴포넌트를 외부에서 사용할 수 있도록 export default 를 이용해서 내보낸다.이를 통해 다른 파일에서 import 하여 사용할 수 있다.// Hello.jsxconst Hel..