Jieunny의 블로그

📌 useRef로 선언한 객체를 props로 전달했을 때, 받아올 때는 대체 어떤 타입으로 받아야 하는가? 구글링 2시간, 하라는대로 다해봤는데도 답을 못찾았는데 밑에 블로그 참고해서 해결했다🥹 📚 https://velog.io/@dongkyun/TS-useRef%EC%9D%98-%EC%97%AC%EB%9F%AC%EA%B0%80%EC%A7%80-%ED%83%80%EC%9E%85 💡 타입스크립트는 ref가 어떤건지 알지 못하므로 ref객체로 먼저 좁혀줘야햔다. aboutMeRef: RefObject;

1. 타입 만들어서 사용하기 - 타입을 만드는 두 가지 방법 - Type, Interface - 세세하게 쪼개서 만들수록 유용하다 let data = { name = '계피;, category: '햄스터', address: { city : 'gyeonggi-do', detail : 'uijeongbu', zipCode: 1234435, }, favorite : [{name: 'sunflower seeds', category:'seed', price: 1000}], } export type Pet = { name: string; category; string; address: Address; favorite: Favorite[] } export type Address = { city: string; det..

𝟭. About Me에서 블로그 링크가 어디 있는지 제대로 인식이 되지 않는다. ✍️ Click Me를 Blog로 수정 𝟮. 프로젝트 상세 설명 확인 시 왔다갔다 해야하는 게 불편하다. ✍️ 라우터에서 팝업으로 수정 => 왼쪽은 위에 url 처럼 라우터로 설정했었는데 새페이지로 이동이 안되다보니까 한 프로젝트를 보고 나왔을 때 다시 처음으로 초기화 되는 부분이 불편하다고 하셨다.. 그래서 그냥 오른쪽처럼 한 페이지 내에서 팝업 띄우는 걸로 변경 CSS는 좀 더 다듬어야 할 것 같다! 되게 별 거 아닌 거 같아 보이는 기능이지만 이 부분 고치는 데 상당 시간 소요...

📌 문제 튜브가 활동하는 코딩 동아리에서는 전통적으로 해오는 게임이 있다. 이 게임은 여러 사람이 둥글게 앉아서 숫자를 하나씩 차례대로 말하는 게임인데, 규칙은 다음과 같다. 1. 숫자를 0부터 시작해서 차례대로 말한다. 첫 번째 사람은 0, 두 번째 사람은 1, … 열 번째 사람은 9를 말한다. 2. 10 이상의 숫자부터는 한 자리씩 끊어서 말한다. 즉 열한 번째 사람은 10의 첫 자리인 1, 열두 번째 사람은 둘째 자리인 0을 말한다. 이렇게 게임을 진행할 경우, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 0, 1, 1, 1, 2, 1, 3, 1, 4, … 순으로 숫자를 말하면 된다. 한편 코딩 동아리 일원들은 컴퓨터를 다루는 사람답게 이진수로 이 게임을 진행하기도 하는데, 이 경우에..

💡 기본 CRUD랑 똑같은데 타입만 선언해주면 된다! 💡 onClick이나 onChange 타입을 모를 땐 마우스 올리면 친절하게 알려준다! 📌 CRUD 함수 📌 App 컴포넌트

📌 문제 신입사원 어피치는 카카오톡으로 전송되는 메시지를 압축하여 전송 효율을 높이는 업무를 맡게 되었다. 메시지를 압축하더라도 전달되는 정보가 바뀌어서는 안 되므로, 압축 전의 정보를 완벽하게 복원 가능한 무손실 압축 알고리즘을 구현하기로 했다. 어피치는 여러 압축 알고리즘 중에서 성능이 좋고 구현이 간단한 LZW(Lempel–Ziv–Welch) 압축을 구현하기로 했다. LZW 압축은 1983년 발표된 알고리즘으로, 이미지 파일 포맷인 GIF 등 다양한 응용에서 사용되었다. LZW 압축은 다음 과정을 거친다. 1. 길이가 1인 모든 단어를 포함하도록 사전을 초기화한다. 2. 사전에서 현재 입력과 일치하는 가장 긴 문자열 w를 찾는다. 3. w에 해당하는 사전의 색인 번호를 출력하고, 입력에서 w를 제거..