티스토리

언젠간 진화하겠지!

검색하기

블로그 홈

언젠간 진화하겠지!

jessiecom.tistory.com/m

sweesweet 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

[React/UI] 최대한 css로 로그인 폼 만들기 예전에는 저렇게 focus됐을 때 색이 변하는 걸 css로 한 적이 없다. 보통 input을 div로 감싸서 처리해서 거의 다 useState로 처리 했었는데, 이번에 만들어보면서 css 가상클래스를 몇개 배울 수 있어서 좋았다. 1.이번에 사용한 css 가상 클래스:focus - 해당 요소가 focus(클릭, 입력 등) 됐을 때:focus-within - 해당요소 혹은 포커스된 요소를 포함하는 요소:placeholder-shown - placeholder가 보여졌을 때(어떤 입력도 하지 않았을 때):not(선택자) - 부정(단일선택자만 가능) 원래는 :has()를 사용해 만드려 했는데, 2023년 말에 도입되기 시작한거라 오래된 브라우저에 작동하지 않아 제외했다.2.input 컴포넌트와 css컴포넌트c.. 공감수 0 댓글수 0 2025. 2. 20.
[후기] 방통대 컴퓨터과학과 3학년 2학기 후기 성적은 말아먹었기 때문에(주관적, 직장이 없기때문에 직장인이신 다른사람들보다 공부 시간이 많았음에도 시험을 잘 못봤다 생각)이번 후기는 개인적인 후기와 말아먹은 과목 후기를 쓰려했지만 누군가 방통대 후기를 검색해 정보를 얻으려 나의 블로그에 들어올것이기 때문에(?) 초반에는 방통대 대학생활 채점기준에 대해서 써보도록 하겠따...나도 누군가의 글이 도움이 됐으니 누군가가 또 도움을 받길 1. 방통대 성적기준 / 성적평가 / 과제물/ 기말고사방통대는 절대 평가다.★60점 이하는 F다★ 이거 강조해야함.성적 평가: 중간평가(30) + 형성평가(20)+ 기말평가(50)=100 중간평가는 총 3가지 유형으로 나눌 수 있다.출석수업 과제물, 과제물, 대체시험이 있다.출석수업 과제물대면/비대면 수업. 출석수업과제물은.. 공감수 2 댓글수 2 2024. 12. 17.
[JS/LV2]도넛과 막대 그래프 https://school.programmers.co.kr/learn/courses/30/lessons/258711 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 요건크기가 n인 도넛 모양 그래프는 n개의 정점과 n개의 간선이 있습니다. 크기가 n인 막대 모양 그래프는 n개의 정점과 n-1개의 간선이 있습니다.크기가 n인 8자 모양 그래프는 2n+1개의 정점과 2n+2개의 간선이 있습니다. 이 그래프들과 무관한 정점을 하나 생성한 뒤, 각 도넛 모양 그래프, 막대 모양 그래프, 8자 모양 그래프의 임의의 정점 하나로 향하는 간선들을 연결했습니다.그래프의 간선 정보를 담은 2차원 정수 배열 edge.. 공감수 1 댓글수 0 2024. 11. 7.
[후기]방통대 컴퓨터과학과 2학기 과제물 후기 내가 처음이라 많이 헤맸던 만큼, 내가 쓴 글이 누군가에게 도움이 되었으면 해서 쓴다!내 점수는 아직 안나왔지만, 그래도 내 글 읽은 사람은 삽질하지 않았음 해서!!나같이 삽질하지 마세요근데 그 때의 감정이 있어서 내용이 우후죽순 구구절절이기 때문에 글에서 도움을 받고싶다면 줄 친거만 읽으면 됩니다.과제 문제에 관한 직접적인 내용은 없음(답은 이거다 이렇게 하면된다 이런거 없음) 과제는 제출기한에 열리는게 아닙니다. 엄청 일찍 열림 9월 초에 열림. 저처럼 헷갈려서 9월 말에 시작해서 밤새면서 하지 마세요.UNIX 시스템이 과목의 과제를 하려면 반드시 리눅스를 깔아야 가능하다.(작년과제물도 보니 설치가 필요했다)이미 쓰고 있다면 과제가 더 쉬울 것이다.(wsl사용할 줄 알고 다른 가상머신 쓸수있고, 이미.. 공감수 8 댓글수 4 2024. 10. 14.
[JS/LV2] 우박수열 정적분 https://school.programmers.co.kr/learn/courses/30/lessons/134239 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 문제 요건우박수의 초항 k와, 정적분을 구하는 구간들의 목록 ranges가 주어졌을 때 정적분의 결과 목록을 return 하도록 solution을 완성해세요. 단, 주어진 구간의 시작점이 끝점보다 커서 유효하지 않은 구간이 주어질 수 있으며 이때의 정적분 결과는 -1로 정의합니다.문제 요건의 위와 같고, 여기서 유의해야 할 점은 range 즉 범위다. 대충읽고 헤맸었는데예시에서[a, -b]에 대한 .. 공감수 1 댓글수 0 2024. 9. 10.
[후기] 왜요? 제가 정처기 합격한 사람으로 보이세요? 1. 따흐흑 드디어..드디어 정처기를 1년만에...무려 삼수만에 합격을 할 수 있었다행복하다. 이제 큐넷 대기창 안 봐도돼!! 2. 가채점 그대로 결과가 나왔는데, 뭐 사실 완전히 다 외운 것도 아니여서 운이 좋아 본 부분만 나온게 아닐까 싶다.실제로 SRT스케줄링 계산 문제 고사장에서 첨 봤고 9시 10분 전쯤에 그때 딱 2문제 풀어보고 오 이렇게 푸는거구나 하고 넘어갔었다 그게 나올줄은..! 3.공부하면서 편입 후 배운부분이 조금 보여서 이전보다 수월함을 느꼈다.아쉬운 점은 1학기때 운영체제 안들은점?어려운부분은 여전히 어렵다는 점... 4. 접근 방법을 바꿨는데 잘 먹힌것 같다. 그 전에는 그냥 개념만 달달 외우다가 앞에꺼 잊어버리고를 반복 했었는데 그 당시 기출문제를 풀지를 않아서 시험을 2번 봐.. 공감수 1 댓글수 1 2024. 9. 10.
[JS/LV3]입국 심사 https://school.programmers.co.kr/learn/courses/30/lessons/43238 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 카테고리가 이분 탐색으로 되어있기 때문에 이분 탐색으로 풀었다. 문제 요건모든 사람이 심사를 받는데 걸리는 시간을 최소로 하고 싶습니다.입국심사를 기다리는 사람 수 n, 각 심사관이 한 명을 심사하는데 걸리는 시간이 담긴 배열 times가 매개변수로 주어질 때, 모든 사람이 심사를 받는데 걸리는 시간의 최솟값을 return 하도록 solution 함수를 작성해주세요 문제 요건은 위와 같다. 모든.. 공감수 0 댓글수 0 2024. 8. 18.
[책 후기] 면접을 위한 CS 전공지식 노트 글쓴이 : 주홍철출판사 : 길벗출간일 : 2022-04-28후기 1.호기심에 읽기 시작했는데, 생각보다 새로 배우는 것도 많았고, 설명도 친절한 편이라 좋았다.디자인패턴 - 프로그래밍 패러다임 - 네트워크 - 운영체제 - 데이터베이스 - 자료구조를 차례대로 소개해주는데, 면접을 위한 내용이라 중요한 내용들을 설명과 함께 정리해주는 느낌이다. 그림들은 직관적으로 그려져 있어서 보기에 이해하는 데 도움이 됐다. 또한 코드로도 설명해주는데 코드는 주로 자바, 자바스크립트(전반부), C++(후반부)로 작성된 예를 보여준다. 자바스크립트가 익숙한 나는 자바스크립트 코드 부분은 다른 코드에 비해 읽기가 편했다ㅎㅎ그리고 챕터 마지막에 예상 면접 질문-답을보면서 한번 더 읽은 내용을 상기할 수 있어서 좋았다. 2.. 공감수 1 댓글수 1 2024. 7. 10.
[후기] 방통대 컴퓨터과학과 편입 3학년 1학기 후기 1. 편입학 하게 된 계기방통대에 들어가게 된 이유는 더 배우고 싶은 것도 있지만,몇개월 동안 개인 사정으로 인해 취준조차 못했던 시기가 있었고, 시간을 더이상 낭비하고 싶지 않아서 들어가게 되었다.병원을 다녀도 어쨋든 공부를 이어갈 수 있었으면 했고, 사이버대랑 비교하다가 방통대에 입학을 결심했다. 2. 방통대 성적기준실무적으로는 모르겠지만.. 그냥 아무것도 안하고 학위만 따고 싶은 사람은 방통대는 비추한다.(사이버대가 쉽다는것이 아님니다.. )방통대는 절대평가이기 때문에 출석수업도 잘 들어야하고, 인터넷 강의도 80%이상 들어야 하며, 시험도 많이 틀리면 안된다..출석평가+ 형성평가(강의듣기) 다 해도 그냥 공부안하고 기말봤다간 F 맞을 수 있다 출석평가(출석수업과제물: 30) + 형성평가(20)+.. 공감수 2 댓글수 1 2024. 6. 18.
[HTML+React] contenteditable 속성 contenteditable 속성 html속성 중 해당 요소를 편집할 수 있는지 나타내는 열거형 속성인데, true면 해당 속성의 값을 편집할 수 있다. 코드펜에서 contentEditable 아래 div요소를 클릭 시 focus되면서 수정이 가능함을 알 수 있다. See the Pen Untitled by Yunjin Lee (@sweesweett) on CodePen. 리액트에서 사용 시 contentEditable 속성을 추가했을 시, input처럼 변경사항을 onChange 이벤트 함수로 state로 관리할 수가 없다. 그리고 속성을 추가했을 시 아래와 같은 경고가 뜨게 된다. 이 때 contentEditable을 사용하면서 경고표시를 안나오게 하고싶다면 해당 요소에 suppressContentE.. 공감수 0 댓글수 0 2023. 11. 9.
230825 요 10일간 귀가 들렸다 안들렸다해서 매우 힘들었었다. 곰팡이 때문이겠거니 하고 참고 소염 진통제를 먹고 나아지는줄 알았는데 어제 오늘 진통소염제를 먹어도 안되길래 다른 병원에 가니 돌발성 난청판정을 받았다. 잘못하면 귀가 멀어버린다는데 많이 두렵다. 관련 포스트를 보니 절대안정+ 소음을 듣지 말라고 해서 ... 1주일간 절대안정을 해야하는게 나을지도 모르겠다는 생각이 들었다. 최근에 리액트 공식문서를 읽으며 알고리즘을 풀었는데 알고리즘 스터디는 일주일 쉬는걸 건의해봐야겠다 많이 심란하다 공감수 1 댓글수 1 2023. 8. 25.
230816 오늘은 사담! 어제 이명이 너무 심하고 내목소리에도 고막이 터질 것 같고 웅웅 울려서 3시간 정도 경과를 보고 공휴일에 여는 병원을 열심히 찾아 병원에 갔다왔다. 지식인에 쳐보니 돌발성 난청일 수도 있대서 진짜 다급하게 갔던 것 같다. 병명은 부끄럽지만 귀곰팡이였다. 비위생적으로 귀를 후빌 때 생길 수 있다고하는데 손이나 면봉으로 쑤시지 말라고 경고를 들었다. 귀 사진을 보니, 절대 면봉으로 쑤시지 않으리 다짐했다. 너무 충격적이였다. 곰팡이 제거하는거 진짜 아프고.. 계속 귀 시큰거리고.. 다신(Never)... 오늘 어제보다 이명이 심하고 물 속에 있는듯한 느낌이었고, 엄마가 나한테 질문하는것도 안들려서 원래 가는 병원에 가서 다시 진료를 받았다. 의사샘이 어제 진료했던 의사 선생님이 대부분의 곰팡이.. 공감수 0 댓글수 0 2023. 8. 16.
[React] useImmer로 state 업데이트 하기 기존의 state 객체 업데이트 state 객체를 업데이트 할 때, 중첩된 객체일 경우 얕은 복사가 되기 때문에 전개 연산자를 사용해 객체를 복사 한 후 업데이트를 해야한다. 예를 들면 기존 객체가 이런식이라고 치면 const initialState={ name:'yoon', information:{ age:24, university:'hangook', major:'economy' } } 기존에서 major의 값을 업데이트 하려고 할 때 setState({ ...obj, information:{ ...obj.information, major:'computer-engineering'} }) 이런식으로 처리를 해야한다. useImmer를 사용하면 중첩된 객체의 값을 직접 변경할 수 있는 것 처럼 보이기 때문.. 공감수 1 댓글수 0 2023. 8. 10.
230804 오늘은 리액트의 상태관리에 대해 읽어보았다. 상태를 총 5가지의 상태로 분리하고, 설명해주는 글이었는데, 그 중 global state를 지양해야 성능 측면에서도 좋다는 내용이있었다. 정확하게 이해했는지는 모르겠지만... 다시 읽어보긴 해야할 것 같다. 원어민이 아니여서 그런지, 무슨말을 하려는지는 알겠는데 잘 설명이 되진않는다(잘 이해안됐나봄). 쨋든 나는 어떻게 상태를 관리했는지 다시한번 돌아보게 되는 글이었다. https://reacthandbook.dev/state-management State Management in React Applications - React Handbook Build As You GoBest for greenfield projects, POCs, and apps with.. 공감수 0 댓글수 0 2023. 8. 4.
[React] 모달 영역 밖 클릭 시 모달 닫히게 하기 공부를 하던 중 모달 영역 밖 클릭 시 모달을 닫히게 하는 방법이 내가 쓰던 방법과 라는 방법이 있다는 걸 알게 되었다. 기존에 쓰던 방법은 아래와 같다. 기존 방법 빈 div 태그에 onClick이벤트 활성화 const App=()=>{ const [ModalOpen,setModalOpen]=useState(false) return ( {modalOpen&&}) )} // 모달 컴포넌트 const Modal=({setModalOpen})=>{ return( setModalOpen(prev=>!prev)}/> ) } css .bg{ position:fixed; top:0; right:0; bottom:0; left:0; /* top:0,right:0,bottom:0,left:0을 하면 화면 꽉차게 된다*.. 공감수 0 댓글수 0 2023. 8. 2.
230801 1. 어쩌다보니 7월에 블로깅을 하나도 하지 못했는데, 개인적인 집안 사정으로 일이 생겨서 제정신이 아니였다. 아직까지도 멘탈이 나가 있다. 2. 그사이 넥스트 챌린지에도 응시하고 그랬는데(망했음) 혼자서 다시 복기하면서 했음에도 불구하고 아직도 못풀고 있는 문제들이 있다. 근데 그게 화면상 구현이 됐긴 했는데, 나는 A로 구현을 하는데 테스트코드는 C? 이런느낌이여서 우선 넘어가도록 했다(나중에 다시 깔끔하게 수정해보기) 3. 강의 듣고 있는건 노션+ 코드샌드박스에서 적으면서 하는 중이라, 아마 어느정도 듣고 블로깅을 할 것 같다. 일때문에 한 2주일정도 못들었는데 8월이 시작하는 오늘 부터 조금 더 계획적이고 체계적으로 공부를 해야겠다 싶었다. next에서 props가 계속 헷갈리는데 props가 보.. 공감수 1 댓글수 0 2023. 8. 1.
[JS]제너레이터 아래의 문제를 풀어보다가 검색을 통해 알아보았다. 제너레이터는 여러 개의 값을 필요에 따라 하나씩 반환할 수 있다. 문법 구조 제네레이터 함수는 function 뒤에 *를 붙여 표기한다 function* function* thisIsGenerator(){ yield 1 yield 2 yield 3 return 19 } 일반 함수와 동작 방식이 다르며, 함수를 호출할 시 코드가 실행되는게 아니라 "제너레이터 객체"가 반환된다. next()를 통해 값을 가져올 수 있는데, next() 메서드를 호출할 때 가장 가까운 yield문을 만날 때 까지 실행이 계속 된다. 이후 yield문을 만나면 멈추고 value값이 반환된다. next()는 항상 아래와 같은 형태의 객체를 반환한다. {value:3, done:f.. 공감수 1 댓글수 0 2023. 6. 25.
230623 왜 강의를 영어로 샀을까?.... 왜...난..한글자막이 있는걸 안사고 영어자막만 되는애만 샀을까....더 업데이트 된거 보려고 욕심을 부리긴했는데... 자막보면 이해되긴하는데...왜...그랬을까....? 그냥 업데이트 안된걸 볼걸...그랬나...? 리스닝이 되면 참 좋을텐데 원어민 수준이었다면 강의 들으면서 정리하고 그럴텐데 쉽지가 않다 공감수 0 댓글수 0 2023. 6. 23.
[JS] "복사 방지" 구현 데브매칭을 보다가 처음 검색해보고 구현해봤다. keydown 이벤트로는 ctrl+c 만 방지할 수 있고, 마우스로 오른쪽 클릭해서 복사 방지는 불가능 해 검색하다가 아래의 글을 보게되었다(하단의 참고 자료) 어떤 element에서 복사금지를 구현하고 싶다면 element.addEventListener('copy',(e)=>{ e.preventDefault() }) 그냥 이렇게만 해도 복사가 되지 않는다(문제는 그 때 이렇게 못풀음! ㅎㅎ 나란 사람 바보일수도~!) 만약 어떤 조건에만 발동해야 한다면 element.addEventListener('copy',(e)=>{ if(element.includes('h')){ e.preventDefault() alert('h는 묵음이야') } }) 이런 식으로 해준.. 공감수 0 댓글수 0 2023. 6. 19.
230526 크헝헝허엏헝헝 요새 알고리즘 스터디에서 스택 겁나 털리고있다. 쉽다 해서 풀고있는데 역시나.. 처음 개념만 쉬운건 모든 공부에서 그런것 같다. 오늘도 어떻게든 풀어보겠다고 2시간 반을 매달렸다. 이럼 안되는데...1시간 지나면 솔루션 보고 정리해야하는데.. 오기가 생겨서 그냥 풀어재꼈다. 오늘 푼 문제는 https://leetcode.com/problems/longest-absolute-file-path/ Longest Absolute File Path - LeetCode Can you solve this real interview question? Longest Absolute File Path - Suppose we have a file system that stores both files and d.. 공감수 0 댓글수 0 2023. 5. 26.
[JS]Array.prototype.at() 인덱스 값을 매개변수로 받고있는 메서드고, 해당하는 배열에서 해당 인덱스에 해당하는 값을 반환한다. 주어진 인덱스가 배열에 없으면 undefined를 반환 let arr=['cry','cry','...','so','sad']; console.log(arr.at(-1)); //출력결과: 'sad' 자바스크립트 강의를 다시 듣고있는데, 분명 학습 했겠지만 전혀 기억이 안나는 메서드등장! 알고리즘 풀때 얼마나 arr[arr.length-1]을 써댔는데! 역시 모르면 돌아간다고... 허겁지겁 mdn가서 문서 정독하고 왔다. 기억하자! 참고 자료 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/at Array.p.. 공감수 0 댓글수 0 2023. 5. 24.
[JS] Promise.race() 그냥 호기심에 릿코드 자바스크립트 카테고리에 있는 문제를 푸는 와중에 알게 되었다. (자바스크립트 카테고리에는 알고리즘 문제 x) 대충 말하면 제일 빨리 달린 Promise의 결과값을 이행하거나 거부한다. 그냥 젤 빨리달린 애 반영하는거... mdn의 설명은 아래와 같다 Promise.race() 메소드는 Promise 객체를 반환합니다. 이 프로미스 객체는 iterable 안에 있는 프로미스 중에 가장 먼저 완료된 것의 결과값으로 그대로 이행하거나 거부합니다. 비어있는 iterable을 전달할 경우 영원히 대기 상태가 된다고 한다. 또, iterable에 Promise가 아닌 값이나, 이미 완료된 Promise가 포함되었을 경우에는 가장 처음 등장하는 Promise가 아닌 값이나, 이미 완료된 Prom.. 공감수 0 댓글수 0 2023. 5. 10.
[TS]readonly 속성, 인덱스 시그니처,intersection 타입... readonly 말 그대로 읽기 전용. 해당 속성을 읽기 전용으로 지정 가능. 수정할 수 없음. 다만, 아래와 같은 예인 경우는 가능 interface Home { readonly resident: { name: string; age: number }; } function visitForBirthday(home: Home) { console.log(`Happy birthday ${home.resident.name}!`); home.resident.age++; } function evict(home: Home) { home.resident = { name: "Victor the Evictor", age: 42, };//Error!! } resident 객체 안의 속성은 업데이트가 가능하지만, home의 r.. 공감수 0 댓글수 0 2023. 5. 7.
230502 1 요새 많이 아팠다. 수영장의 수질에 문제가 있는건지 뭔지, 4월의 절반 이상 앓다가 끝이 났다. 무려 한달동안 감기를 두번 걸리는 그런 상황이 발생했는데, 수영장에서 물을 거하게 먹고 그 다음날 혹은 다음 다음날에 꼭 아프기 시작했다. 아프더라도 알고리즘 몇문제라도 풀려고 노력하긴 했는데, 이번에 걸린건 진짜 너무 아파서( 로나코보다 아팠음) 눈물 줄줄 흘리면서 누워있었다. 귀도 멍멍하게 들리면서 아프고 이명도 오고...눈도아프고...코도아프고...목도아프고..ㅎㅎ... 며칠을 그렇게 앓고 일어나니 거의 후각이 소실됐다. 향수를 뿌렸는데 냄새가 안나는 그 공포.. 아무런 냄새가 나지 않아.. 냄새를 맡으려고 숨을 들이쉬면 코가 시큰시큰 아파온다. 후각은 시간지나면 돌아온다고 하니 믿을 수 밖에!(덤으.. 공감수 0 댓글수 1 2023. 5. 2.
[TS]object,unknown,never,Function 타입 object *원시 값이 아닌 모든 값을 지칭. 빈 객체 타입{}와 다르고, 전역타입 Object와도 다름. typescript에서 함수 타입은 object로 간주 *원시 값-string, number, bigint, boolean, symbol, null, undefined unknown any와 똑같이 어떤 타입의 값도 할당할 수 있지만, any와 달리 unknown 타입은 any와 unknown 타입 이외에 다른 타입을 대입하는 게 유효하지 않음(더 안전) 연산자로 유니온 타입을 만들때 연산자 마다 타입이 다르니 참고하기! https://github.com/Microsoft/TypeScript/pull/24439 New 'unknown' top type by ahejlsberg · Pull Requ.. 공감수 0 댓글수 0 2023. 4. 25.
leetHub와 백준허브를 같은 repository에 커밋하기(?) 이제 리트허브 확장프로그램 전부 작동을 안하기 때문에(옛날 모드도 리뉴얼됨) 이 글은 안읽으셔두댑니다 ----- 백준허브는 leethub와 다르게, 백준, 프로그래머스 폴더로 따로 분기해서 푼 알고리즘 문제를 정리해서 올라가게 된다. 하지만 leetHub는 leetcode에서 푼 문제만 올라가기때문에 따로 폴더 분기없이 올라가게 된다. 그래서 만약 같은 레포지토리를 연결할 경우, 릿코드는 문제를 풀 때마다 root에 새로운 폴더를 생성해서 가독성이 떨어질 수 있다. 그럼 같은 레포짓토리를 사용하면서, leetcode는 Leetcode란 폴더 안에 커밋하고 싶으면 어떻게 해야 할까?(leetcode만 궁금할 시 2번부터!) ※ 프론트엔드를 공부하고있어서 기본적으로 nvm이 깔려있기때문에, 노드를 사용하지.. 공감수 1 댓글수 0 2023. 4. 8.
[JS]카드 뭉치 https://school.programmers.co.kr/learn/courses/30/lessons/159994 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr stack&queue 문제였던것 같다 조건에 대해 많이 헤맸었는데 이 문제에서 유의할 점은 이거다 goal은 일종의 교집합이다.✨(cards1이나 cards2에 쓸모없는 카드가 있을 수 있다) goal에 만족해도 cards1+cards2의 길이가 남아있을 수 있다(pop으로 할 시) pop으로 할 시, goal에 포함되지 않더라도, 아직 goal에 해당되는 단어가 나오지 않았다면 pop해줘야 한.. 공감수 0 댓글수 0 2023. 3. 28.
[TS]인터페이스, 제네릭, 타입 별칭, 타입 단언, 유니온 타입 인터페이스 인터페이스는 타입을 정의한 규칙을 의미 제네릭 한 가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용. 타입을 마치 함수의 파라미터처럼 사용하는 것을 의미 타입 별칭과 인터페이스(✨✨) 타입 별칭과 인터페이스는 매우 유사 대부분의 경우 둘 중 하나를 자유롭게 선택하여 사용 가능 interface 가 가지는 대부분의 기능은 type 에서도 동일하게 사용 가능 둘의 핵심적인 차이는,타입은 새 프로퍼티를 추가하도록 개방될 수 없는 반면, 인터페이스의 경우 확장 가능 교집합을 통하여 타입 확장하기 type Animal = { name: string } type Bear = Animal & { honey: Boolean } const bear = getBear(); bear.name;.. 공감수 0 댓글수 0 2023. 3. 13.
230308 2월 27일부터 공부한 것이나, 프로젝트를 통해 겪은 문제&해결에 대해 작성하는 혼자만의 30일 챌린지를 하고 있다. 특별한 의미가 있는 건 아니고, 아마 30일씩 끊어서 하지 않을까 싶다. 다만 3월달 부터 약간의 슬럼프가 와서 많이는 못했지만, 이제부터 공개해놓고 하는 게 더 동기부여가 될 것 같아서 노션 링크를 올린다. 잘 할 수 있을거야! 나는 https://youthful-tray-17a.notion.site/40-2-27-4f62543a6226404fb6618bf3112df1f3 30일 공부 챌린지(2/27~) A new tool for teams & individuals that blends everyday work apps into one. youthful-tray-17a.notion.si.. 공감수 0 댓글수 0 2023. 3. 8.
230303 요즘 좀 많이 힘들어서 양모펠트를 취미로 갖게 되었다. 바늘로 찌르는게 생각보다 스트레스가 풀린다!! 다이소 2천원짜리 쿼카세트인데, 몸통까지 만들수 있다고 적혀있었는데 머리 만들고 끝인게 조금 아쉽 (곰 아님 쿼카임) 덕분에 가성비 좋게 스트레스를 몽땅 털었다.(시간은 노 가성비) 오늘도 열공해야지~ 공감수 0 댓글수 0 2023. 3. 3.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.