hwlink

이번주 회고 결국 퇴사를 했다. 실력이 아직 부족한 상태인데 다가오는 업무 부담감을 이겨낼 수가 없었다. 달려온만큼 휴식시간을 가지면서 다음스텝을 나가려한다. 개선할점 1. 큰그림으로 인생을 바라보는 시각을 키울 필요가 있다. 비단 당장의 일, 돈 보단 미래에 내가 어떤사람이고 싶은지 계획해보자. 2. 본인의 감정에 솔직하고 본인에게 솔직한 사람이 되도록하자. => 인생을 살아가고 목표를 정하는데 중요하다고 생각한다. 착한척하지말자. 다음주 플랜 개발 1. 다음스텝 준비 - 개인 1. 정기러닝 지속참여, 주 2회 러닝 2. 책 매일 20페이지 지속 3. 명상지속

Memo 2022. 5. 30. 08:41

이번주 회고 & 배운점 1. 회사를 입사하여 첫번째 프로젝트 사이클이 종료되었고 안다고 생각했던 부분들이 많이 깨지고 다져지는 기간이었다. 새로운 환경, 기술, 사람 등을 접하면서 짧은 1달동안 많이 흔들렸고 엄청 좌절했다. 기술적인 부분에서의 힘든점보다 나는 어떤 것을 하고 싶어하는지, 왜 코딩을 배웠는지, 나의 목표는 무엇인지가 확립되지 않았었는데 이 부분이 날 더 괴롭게했던 것 같다. 괴로운 상황을 벗어나려했는지 스스로에게 정말 많은 질문을 했었는데 이를 통해 결론적으로는 아직 더 정비해야하지만 목표도 생겼고 '나'에 대해서 더욱 알게된 귀중한 시간이었다. a. 난 나만의 비즈니스를 하고 싶어하는 사람이다. 그것의 규모가 작아도 좋고, 분야도 IT, 장사, 어떤 것이든 상관없다. b. 나에게 코딩은..

Memo 2022. 5. 15. 20:46

Number.isInteger() Number.isInteger() 메서드는 주어진 값이 정수인지 판별합니다. 매개변수로 값을 받고 반환값으로는 Boolean을 반환합니다. const value = '1' Number.isInteger(value); // True const value2 = 1 Number.isInteger(value); // False 해당코드는 리액트에서 선택한 배열을 선택해주어 이벤트를 발생시키는 로직입니다. 기존코드 CompareBox 자식 컴포넌트로 내려주는 부모 컴포넌트 const [currTarget, setCurrTarget] = useState(null) . . . . 위 코드에서 refImage 안에 currTarget은 초기값이 null로 선언되어 있습니..

Coding/JS 2022. 5. 12. 19:23

any Typescript에서 any는 어떤 타입이든 허용하는 타입이다. 타입을 지정하려고 Typescript를 사용하는데 any를 쓴다면 사실 Typescript를 쓰는 의미가 없는셈입니다. any 타입은 타입검사를 하지 않기 때문에 개발 당시에는 코스트가 발생하지 않지만 실제 애플리케이션 구동 과정에서 사용자가 에러를 맞을 수 있기 때문에 사용을 지양해야합니다. unknown TypeScript 3.0에서 업데이트 any 타입과 동일하게 모든 타입 값을 허용하지만, 할당된 값의 타입을 모르기 때문에 연산 할 수 없습니다. 마무리 any 모든 타입 허용 타입 검사 느슨하게 하므로 개발시에는 에러가 없을지 모르나 사용자가 에러를 맞을 수 있다. == 치명적 unknown 모든 타입 허용 연산을 하는 경우..

Coding/TypeScript 2022. 5. 10. 23:56

맥북이 갑자기 너무 느려져서 CPU 활성상태를 체크해봤다. 1. '활성 상태 보기' 검색하기 2. CPU 탭으로 이동 후 CPU %를 많이 가져가는 것을 체크한다. (사진에선 이미 삭제되었지만 여기에서 나는 보안프로그램인 nprotect가 무려 90% 이상을 차지 하고 있었다. 저거 때문에 매일 버벅거리면서 맥북을 사용하게 되었다.) 관공서 사이트에서 필요한 보안프로그램이다.. 관공서 업무시 맥북보단 핸드폰을 이용하는 것이 좋겠다. 3. finder를 이용한 삭제법 파인더에서 응용프로그램 > nProtect > nProtect Online Security V1 > NOS 폴더를 열어준다. NOS 폴더안의 nosunist.app 을 실행시킨다(언인스톨) 완전히 삭제가 되지 않았을 시에 터미널로 삭제해준다...

Coding/WEB 2022. 5. 9. 21:53

이번주 회고 & 배운점 1. 퍼블리싱은 너무 어렵다... 이번주에 grid와 flex를 적용해보면서 grid(grid-template-roww,column, grid) flex(flex, flex-basis) 2. CSS rem, em 상대단위에 대해서 배웠고 나는 주로 px를 사용 하였는데 em, rem을 사용하여 유지보수성을 높일 수 있는 방법을 배웠다. 개선할점 1. 벌린 일이 많다. 앞으로 강한 체력이 요구되기 때문에 쓸데없는 곳에 에너지를 낭비 하지 않기. 2. 퍼블리싱에 대해서 더욱 깊게 공부해서 마크업시간을 단축시키자. 다음주 플랜 개발 1. 개발 지속성을 위한 Side 프로젝트시작, 아이디어 도출 - 회사 1. 작업자 화면 테스트코드 작성 마감 신경써서 작업 2. 다음 프로젝트 프론트 단독..

Memo 2022. 5. 8. 22:50

yarn remove yarn remove test 라는 명령은 test라는 패키지를 프로젝트에서 제거하는 것을 의미합니다. test라는 패키지는 package.json, yarn lock에서 제거됩니다. dependencies, devDependencies등 모든 타입에서 패키지가 삭제됩니다. 만약 삭제하고 완전히 제거가 안되었다면 yarn install을 해줌으로서 업데이트를 해줍니다.

Coding/React 2022. 5. 8. 00:03

aspect ratio aspect ratio 속성은 박스, 이미지, 동영상을 정해둔 비율대로 줄이거나 늘릴 수 있어 반응형 디자인에 탁월합니다. aspect ratio 브라우저 접근성 internet explore에선 지원하지 않기 때문에 사용할 시에는 환경을 잘고려해야합니다. aspect-ratio 사용법 width:200px; background:red; aspect-ratio: 16/9; // 16:9비율로 지정 aspect-ratio: 4/3; // 4:3비율로 지정 원하는 비율로 설정해주면 됩니다. https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio

Coding/CSS 2022. 5. 5. 01:23