오늘은 4주차를 마무리하는 시간이었다. 포트폴리오도 손보고 이것저것 검색해가며 공부하는 시간을 갖게되어 기쁘다.
평소에는 수업에 치중하고 그래서 정신없었는데 뭔가를 더 알아갈 수 있는 시간이 생긴것이다.
따라서 블로깅에는 오늘 검색한내용들을 정리해볼것이다.
게시판을 만들시 내용부분을 보이게 처리시에 일정 길이를 넘으면... 처리를 하는법.
export const Contents = styled.div width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;;
내용이 일정 width 넘을경우 … 처리하는 법
파이어베이스로 게시판에 적용해볼때 사용하려했지만 Docs를 읽어봐도 이게 왜들어가고 안들어가는지 너무 보기가 어려워 일단 저장만해둔 코드다.
타입스크립트 타입중 소수타입
number
number 타입은 모든 숫자 (정수, 소수, 양수, 음수, Infinity, NaN 등)의 집합입니다. number 타입에는 +, -, %, <, > 등의 숫자 관련 연산을 수행할 수 있습니다.
소수를 따로 타입을 지정해주지 않고 number로 통일된다고 하는것같다.
모달 사용법을 익힌것 같다.
if (error instanceof Error) Modal.error({ content: error.message });
얘는 시스템 에러일때 error가 Error라는 것에 속한다면 모달에러를 실행한다는 말이고
결국 집중해야될 부분은
Modal.error({ content: error.message });
여기였다.
antd에서 임폴트 하고 Modal.success..,Modal.info..
Modal.error.. 등으로 사용한다.
content하고 보일 내용을 적으면되는데, title까지 해주면 위에 제목까지 붙는 형태의 모달이 된다.
`{isOpenDelete && (
<Modal
title="삭제"
visible={true}
onOk={OnclickDeleteComment}
onCancel={handleCancel}<div>비밀번호를 입력후,ok버튼을 누르시면 삭제됩니다></div> <div> 비밀번호 입력</div> <input type="password" onChange={onChangeDeletePassword} /> </Modal> )}`
모달창 확인취소 나오게 하는방법은 다시 봐야겠지만... 일단 간단히 alert창 대신 사용하는 법은 알았다.
프로그래머스의 일부 문제도 풀어보았다.
엊그제 힐링캠프?라는 시간이 있었는데 그때 알고리즘을 어떻게 공부해야하는지를 들었다.
회사 입사시 시험을 알고리즘으로 치고는 하니 아예 놓으면 안되고, 프로그래머스로 문제를 푸는데 주석을 달면서 단락단락 끊어가며 읽으면서 풀고 한두시간, 두세시간 잡고 못풀겠으면 넘어가고 하는 식으로 문제를 풀다가 나중에 한번더 훑어보고.. 그리고 새로운 문제도 좋지만, 풀었던 문제도 더 좋은 풀이가 있는지 보는것도 중요하다고 들었다.
그렇게 알고리즘적 사고력을 가져나가는 것이 중요하니 코드를 더 짧게쓰는법을 연구하는등의 과정도 필요하다고....
일단 어떻게 할지를 알았으니 차근차근 실행해 보려고 한다.
