전체 글121 TIL - 20230407 공부 요소는 왜 요소의 자식 요소여야 할까? 요소는 왜 요소의 자식 요소여야 할까? : unordered list, 비정렬 목록 태그 → 요소는 순서가 중요하지 않은 목록을 나타낼 때 사용한다. 요소 내 들어갈 항목의 순서가 필요하다면 요소를 사용한다. 과 의 직계 자식 요소로는 오직 요소만 k1mwnjn.tistory.com inline과 block의 차이 inline과 block의 차이 HTML에서 요소는 웹 페이지 레이아웃에서 작동하는 방식에 따라 블록 또는 인라인 요소로 분류된다. block , , ~ 등의 블록 수준 요소들은 사용 가능한 전체 너비를 차지하고 앞/뒤에 새 줄을 만든다 k1mwnjn.tistory.com 알고리즘 문자열 정렬하기 (1) 프로그래머스 코드 중심의 개발자 채용. 스택 .. 2023. 4. 7. inline과 block의 차이 HTML에서 요소는 웹 페이지 레이아웃에서 작동하는 방식에 따라 블록 또는 인라인 요소로 분류된다. block , , ~ 등의 블록 수준 요소들은 사용 가능한 전체 너비를 차지하고 앞/뒤에 새 줄을 만든다. 일반적으로 페이지 구조를 만들고 콘텐츠를 섹션으로 나누는 데 사용된다. 블록 수준 요소는 다른 블록 및 인라인 수준 요소를 포함할 수 있다. 예) Block-level element This is a paragraph inside a block-level element. inline , 및 과 같은 인라인 요소는 필요한 만큼의 너비만 차지하며 앞/뒤에 새 줄을 만들지 않는다. 일반적으로 블록 수준 요소 내 텍스트 스타일을 지정하는 데 사용된다. 인라인 수준 요소는 블록 수준 요소를 포함할 수 없지만 .. 2023. 4. 7. <li>요소는 왜 <ul>요소의 자식 요소여야 할까? : unordered list, 비정렬 목록 태그 → 요소는 순서가 중요하지 않은 목록을 나타낼 때 사용한다. 요소 내 들어갈 항목의 순서가 필요하다면 요소를 사용한다. 과 의 직계 자식 요소로는 오직 요소만 올 수있으며 하나 이상의 자식을 가져야 한다. : ordered list, 정렬 목록 태그 → 요소는 순서가 중요한 목록을 나타낼 때 사용한다. 과 요소의 차이가 순서의 중요성에 있는 만큼 태그로 마크업 된 목록의 항목은 불릿(•)으로 표시되는 반면 태그로 마크업 된 목록의 항목은 숫자료 표시된다. : list item, 목록의 항목 태그 → 요소는 목록 내 아이템을 나타낸다. 따라서 반드시 목록을 나타내는 혹은 요소 내 항목으로 요소가 위치한다. → 및 요소는 목록을 만드는 데 사용하며 요소는 목.. 2023. 4. 7. TIL - 20230406 공부 시멘틱 HTML의 필요성 시멘틱 HTML의 필요성 시멘틱 태그 → Semeantic을 직역하면 의미론적인이라는 뜻을 가지고 있다. 즉 시멘틱 태그란 의미를 부여한 태그라는 뜻이다. 시멘틱 태그는 HTML5에서 처음 등장했고 , 등의 만 보고서 문서를 더 k1mwnjn.tistory.com Redux 상태 관리의 주요 개념들과 연결 관계를 설명해주세요. 다른 상태 관리 도구와 비교 설명 해주세요. Redux 상태관리의 주요 개념들과 연결 관계를 설명해주세요. 다른 상태관리 도구와 비교 설명 해 노션에 정리중 k1mwnjn.tistory.com 알고리즘 암호 해독 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는.. 2023. 4. 6. Redux 상태관리의 주요 개념들과 연결 관계를 설명해주세요. 다른 상태관리 도구와 비교 설명 해주세요. 노션에 정리중 2023. 4. 6. 시멘틱 HTML의 필요성 시멘틱 태그 → Semeantic을 직역하면 의미론적인이라는 뜻을 가지고 있다. 즉 시멘틱 태그란 의미를 부여한 태그라는 뜻이다. 시멘틱 태그는 HTML5에서 처음 등장했고 , 등의 만 보고서 문서를 더 쉽게 이해할 수 있게 되었다. 시멘틱 태그의 종류 사이트의 머리부분에 사용 메인 콘텐츠를 나타내는데 사용 제목별로 나눌 수 있는 문서의 콘텐츠 영역을 구성하는 요소 개별 콘텐츠를 나타내는 요소 좌우측의 사이드 영역 사이트의 바닥부분, 주로 연락처나 제작자 정보등을 기술하는 부분 제목과 부제목을 묶어서 나타내는 요소 웹 페이지 메뉴를 만들 때 사용 태그 대신 시멘틱 태그를 사용해야 하는 이유 HTML 문서의 가독성과 유지보수가 쉬워짐. 웹 브라우저가 HTML만 보고도 상단(header), 본문(main),.. 2023. 4. 6. TIL - 20230405 공부 순수함수란? 순수함수란? 불변성과 사이드 이펙트와 연결하여 설명해주세요. 순수함수란? 같은 입력에 대해 같은 결과를 return하는 함수. 함수의 바깥 영역에 side effect를 초래하지 않는 함수. (함수 외부 데이터나 전달된 데이터를 변경하지않는 함수.) → 기존 목적과 다른 k1mwnjn.tistory.com state와 props state와 props State → 구성 요소가 데이터를 관리하고 사용자 상호 작용 또는 기타 이벤트에 응답할 수 있도록하는 리액트 내장 기능. 구성 요소에 특정한 데이터를 저장하는 개체이며 일반적으로 사용자 상 k1mwnjn.tistory.com 오늘은 뭔가 많은 것을 했다 ... 팁퍼 프로젝트 수정 feat. 어드민 페이지 접근 권한 설정 by kimwon.. 2023. 4. 5. state와 props State → 구성 요소가 데이터를 관리하고 사용자 상호 작용 또는 기타 이벤트에 응답할 수 있도록하는 리액트 내장 기능. 구성 요소에 특정한 데이터를 저장하는 개체이며 일반적으로 사용자 상호작용 또는 네트워크 응답에 대한 응답으로 시간이 지남에 따라 변경될 수 있음. 구성 요소에 의해 내부적으로 관리되며 state가 변경되면 구성 요소가 다시 렌더링 됨. 전체 페이지를 로드하거나 서버를 왕복할 필요 없이 데이터 변경에 대한 응답으로 구성 요소의 UI를 업데이트하는 방법을 제공함. Props(properties) → 구성 요소가 부모 구성 요소로부터 데이터를 받을 수 있도록하는 리액트 내장 기능. 구성 요소 간 데이터를 전달하는 방법. 기본적으로 구성 요소에 대한 입력이며 상위 구성 요소에서 하위 구성 .. 2023. 4. 5. 순수함수란? 불변성과 사이드 이펙트와 연결하여 설명해주세요. 순수함수란? 같은 입력에 대해 같은 결과를 return하는 함수. 함수의 바깥 영역에 side effect를 초래하지 않는 함수. (함수 외부 데이터나 전달된 데이터를 변경하지않는 함수.) → 기존 목적과 다른 효과를 만들지 말아야 함. 순수 함수의 예 function add(a, b) { return a + b; } 순수하지 않은 함수의 예 let count = 0; function increment() { count++; return count; } // count라는 변수를 증가시키고 새 값을 반환함. function getRandomNumber() { return Math.random(); } // 호출될 때마다 0과 1사이 난수를 반환함. 순수함수의 장점 코드 디버그, 테스트 및 유지 용이 외부.. 2023. 4. 5. TIL - 20230404 공부 useRef가 필요한 상황은? Cookie의 MaxAge, Expires 옵션을 설정하지 않는다면? 프로그래머스 문자열 안에 문자열 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(str1, str2) { return str1.includes(str2) ? 1 : 2 } 숨어있는 숫자의 덧셈(1) 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function soluti.. 2023. 4. 4. 이전 1 2 3 4 ··· 13 다음
