본문 바로가기

분류 전체보기48

웹사이트가 ( 정적 / 동적 ) 인지 파악하여, 결정하는 기준 1. 콘텐츠의 변화성 정적 웹사이트 콘텐츠가 자주 변경되지 않고, 변경 시에는 HTML 코드를 직접 수정해야 하는 경우. 동적 웹사이트 콘텐츠가 자주 업데이트되거나 사용자의 상호작용에 따라 달라지는 경우. (예: 댓글, 사용자 프로필, 실시간 피드) 2. 사용자 상호작용 정적 웹사이트 사용자 상호작용이 제한적이거나 없는 경우. ( 예: 읽기 전용 페이지 ) 동적 웹사이트 사용자 입력, 로그인 기능, 데이터베이스와의 상호작용이 필요한 경우. 3. 기술 스택과 서버 사이드 처리 정적 웹사이트 HTML, CSS, JavaScript와 같은 클라이언트 사이드 기술만 사용합니다. 동적 웹사이트 PHP, Python, Java, Node.js 등 서버 사이드 언어와 데이터베이스(MySQL, MongoDB 등)를 사.. 2024. 1. 23.
네트워크 필수 개념 1 ) 신호란, 디지털 신호란 목차 ) 과학에서 신호란 전기 신호란 결론 1. 과학에서 신호란 신호란 ) 대화를 할때 쓰는 신호 어떠한 정보를 나타내는 무언가를 서로 약속하고 사용하는 것 과학에서 사용 되는 신호 약속된 무언가를 통해서 정보를 나타내고, 사용되는 것 과학에서 신호란 항상 그래프 형태로 표현 되는 이유는? 과확에서 신호는 약속된 무언가를 "숫자와 수학 기호"로 표현하기 때문이다. 과학에서 "수"를 표현하기 위해서는 숫자(0~9)와 계산을 위해 만들어진 "숫자 기호"를 이용해서 "무언가"를 나타낸다. 이때 "변했다" 리는 것을 알게 해주는 기준은 "시간"이다 "시간"을 기준으로 삼는 이유 시간은 어디에나 존재 하며, 무엇이든 관여하기 때문이다. (시간을 배제 할수 있는 것은 없다. ) 흐르는 시간을 기준으로 "무언가"를 .. 2024. 1. 16.
역행자 - 정리편 역행자에는 7가지 단계가 있다. 자의식 해체 정체성 만들기 유전자 오작동 극복 뇌 자동화 역행자의 지식 경제적 자유를 얻는 구체적 루트 역행자의 쳇바퀴 1. 자의식 해체 자의식이란 자신을 보호하는 본능 중의 하나이다. 하지만 자의식을 다른 사람들에게서 부러운 것들을 부정적으로 받아들여, 합리화하려고 하기도 하는데, 이 때를 조심해야 된다. 정말 나에게 위협이 되는 것인지? 아니면 내가 할 수 없다는 무력감을 숨기기 위해 작동이 되는 것인지 확인해 보자. 책에서는 " 탐색, 인정, 전환"이라는 순서가 나왔다. 내가 최근에 알게 된 글쓰기 방법이 있는데, "3P" ( problem, positive fect, plan ) 글쓰기를 써보는 것도 좋은 거 같다. 불편한 문제를 Problem에 적고, 불편한 문제.. 2023. 12. 28.
역행자 요즘 들어 책을 읽고 있는데, 처음 책으로 역행자를 읽고 있다. 역행자는 자기계발 종류의 책이다. 역행자에는 두가지의 존재로 나뉜다. ( 순리자와 역행자 ) 이 책을 일고 나는 블로그에 정리하려고 한다. 책에서 좋은 내용을 습득하여, 나만의 것으로 체득하기 위해서도 있고, 나중에 다시 내용을 돌아보기 편하게 작성을 하려고 한다. 이글은 책을 오로지 본인이 편하게 읽기 위한 공간이다. 2023. 12. 22.
useCallback과 useMemo: React 컴포넌트 최적화를 위한 훅 사용법 React는 웹 애플리케이션을 효과적으로 구축하는 것을 목적으로 하는 UI 라이브러리입니다. 여기서 성능 최적화는 중요한 요소인데, 이를 위해 React에서 제공하는 주요 기능 중 하나가 Hook입니다. useCallback은 주로 메모이제이션된 콜백 함수를 반환하는 데 사용됩니다. 이전에 계산된 결과를 캐시에 저장하여 동일한 입력이 들어올 경우 다시 계산하는 것이 아닌 캐시에서 값을 반환합니다. 이로 인해 함수 컴포넌트가 효율적으로 업데이트되고, 렌더링 성능이 향상됩니다. 반면, useMemo는 콜백 함수를 직접 반환하는 것이 아니라 콜백 함수가 실행된 결과의 값을 반환하는 데 사용됩니다. 즉, useMemo는 계산량이 많은 함수를 실행하는 것을 방지하고, 꼭 필요한 경우에만 함수를 실행하여 성능을 최.. 2023. 6. 21.
TypeScript에서 [key: string]: any;를 사용하는 방법과 주의사항 TypeScript의 인터페이스를 사용하면, 객체의 구조와 모습을 명확하고 명시적으로 정의할 수 있습니다. 인터페이스의 일부로 [key: string]: any;를 사용하게 되면, 객체에 동적인 속성을 추가할 수 있습니다. [key: string]: any; 의 사용 방법, 이점, 주의사항, 그리고 대안에 대해 설명하겠습니다. 사용 방법 interface Example { [key: string]: any; } const exampleObject: Example = { name: 'John', age: 30, address: { street: '123 Main St', city: 'New York', state: 'NY', zip: '10001' } }; 위 코드에서, Example 인터페이스에 [key.. 2023. 6. 20.

티스토리툴바