에이미의 성장기록

이번주는 입사 4주차였다. (한달 버텼다 짝짝짝) 이번주는 좀 창피하지만 눈물이 나는 주간이었다. 첫직장 다닐때도 운 적 한번 있었는데 그때는 어떤 선임이 짜증나게 말해서 억울하고 열받아서 울었었는데, 이번에는 나 자신이 너무 한심하고 바보같아서 울었다. 회사에서 울면 최악이라는거 알고 있었지만, 그냥 한달차의 내가 0달차의 나랑 별 다른게 없는 것 같아서 멘탈이 부서졌다.. 아 나 멀쩡한 직장 잘 다니다가 뭐하는거지 라는 생각들면서 오만가지 생각 다 들었던 한 주였다. 그래서 TIL을 많이 안썼더니 이번주에는 뭘 배웠는지 기억이 잘 안난다(,,,?) ✨배운점 - 같이 입사한 친구랑 미라클 모닝 스터디를 하자고 했는데, 뭔가 흐지부지 되고 있다.ㅎ 여튼 책을 고르고 고르다가 비전공자를 위한 IT 지식이라..

이번주는 TIL을 쓴 적이 별로 없었다. 왜냐하면 이번주도 또 멘탈이 바사삭 되었기 때문이다. 맨날 멘탈이 바사삭 나는 것 같아 보이지만 이번주는 특히 누가 밟은 쿠크다스 같았다ㅋㅋㅋ 부정적인 기운들을 계속 TIL에 담는 것같아 속상해서 블로그에 들어오기 싫었다ㅠㅠ 근데 이상하게 어제 이후로 독기가 더 오르는 느낌이다,, 역시 나는 나를 채찍질 해 가면서 힘을 얻나보다ㅠ 항해에서 모집하는 로켓단 1기도 신청했다. C#으로 게임을 개발한다고 하는데 재밌을 것 같다 여튼 오늘은 어떤 특정 기능을 구현하는 과정에 대한 것을 써보고자 한다. 수첩을 캡처해서 올리고 싶은데 회사 코드의 내용이라 올리기는 애매해서 그냥 대충 글로 정리해보고자 한다. 1) 코드를 읽는다. (물론 남이 짠 코드라 1도 모르는 상태임) ..

월요일두 역시나 23시 퇴근을 했다. 도대체 나보다 늦게 가시는 분들은 집에 어떻게 가지..? 라는 물음표를 가지고 퇴근했다. 예전에 삼성역에서 직장 다닐때 우리집이 멀다고 생각한적이 단 한번도 없었는데, 여기 다니니까 우리집이 너무 먼것같다는 생각을 했다,, 11:30분 기준으로 집가는 길을 찾아봤는데 내일 6시 도착이 뜬다^^ 아니 네이버 길찾기는 저런 루트는 왜 알려주는건데.... 😩😩😩😩ㅎ 여튼 오늘은 리덕스 툴킷을 써봤다. CreateSlice로 액션과 리듀서를 한번에 만들었는데 세상에 너무 편하다....;; 툴킷 최고다. 툴킷이 immer와 middleware없이 쓸수있다고 하는데 시간될때 어떤 부분이 이 두개의 역할을 하는지 꼭 공부해야겠다. 오늘은 Css늪에 빠졌다. Calc(100%-20..

벌써 회사에 입사한 지 3주가 지났다. 이번주는 대체 공휴일이 1일 있었고, 재택이 1일 있어서 그런지 안그래도 빨리 지나가는 시간이 후다닥 지나갔다. 토요일은 항상 밀린 일이나 일정을 처리하느라 정신없고, 일요일은 일어나서 혼자 조용한 집에서 더위켄드 노래 틀어놓고 일주일의 고민과 생각들을 정리하니까 좋다~! ❣️ WIL쓰고 밥먹고 다시 일하고(마무리+코드 틈틈히) 책 읽고(메타버스) 공부해야지(모던 자바스크립트, 리덕스 툴킷 등) 쿄쿄 ✨배운점 ❕배운거야 너무 많지만, 핵심적인 것들만 추려보자면, - 코드를 짜고 코드에 대한 문제점이 생긴다면, 왜 문제점이 생기는지를 꼭 파악하는 것. 문제점을 파악한다면 그것을 바탕으로 해결방안을 도출하는 과정이 아주 중요하다는 것이다. 회사에서 특정 기능을 구현했는..

드디어 금요일이다~~~~ 무야호~! 어제는 재택을 했는데, 재택이 더 피곤해서(?) 뻗었다. 혼자 하려니 더 힘들고 막막했음...흑흑... 병아리 신입... 지금도 졸리긴 하지만, 오늘 배운것을 꼭 쓰고 가려고 노트북을 다시 켰다!!!! 매일매일 배우는 것은 너무 많지만 짧게 간략하게만 기록의 느낌으로 쓰고 자야겠다. 다 하고 주말에는 앞으로 같이 입사한 동료분과 cs개념(computer science) 스터디를 하기로 했다. 책 한권 사서 읽어가는 느낌으로 아침마다 가볍게 진행해보고자 한다. 그래서 주말에는 어떤 책으로 공부하면 좋을지 찾아봐야겠다. 1) You provided a `value` prop to a form field without an `onChange` handler. This wil..

오늘은 동료 두 분의 코드 리뷰를 참관..? 엿듣기? 했다. 불필요한 코드를 줄이고, 효율적인 코드를 만들어내는 과정이 너무 좋아 보였고 배우고 싶었다. 대화의 한 50% 정도만 알아들은 것 같은데 언젠가는 다 알아듣는 날이 오겠지..? (코드좀 틈틈히 봐야겠다. 그 중에서도 오늘 불변성 관리에 대해서 좀 다시 알게 되었어서 그 부분을 정리해보고자 한다. 리액트에서 state는 불변성을 유지해줘야한다고 배웠다. state의 변화를 감지하고, 변화에 따라 리렌더링이 되기 때문이다. useState를 사용할 때, const [user, setUser] = useState(""); 라는 코드가 있고, user를 바꿀때, setUser(userA) 이런식으로 바꾼다. 만약 state의 일부만 바꾼다면, 아래처럼..

리팩토링이란? - 외부 동작을 바꾸지 않으면서 내부 구조를 개선하는 방법 왜 해야할까? - 코드 가독성 증가 - 성능 최적화 - 중복제거 어떻게 해야할까? - 적당한 갯수로, 적당한 크기로 - 브라우저 시각을 넘어가지 않는 정도의 길이 -> 지각, 인지 up 리팩토링을 하지 않은 코드는 특정 부분을 찾기가 어렵다. 수정이 어렵고 디버깅이 힘들다. div로 만든 태그를 컴포넌트로 바꿔주고, 중복된 코드를 함수로 만들어 주는 형태로 리팩토링을 할 수 있다. 깔끔한 코드를 쓰고싶어서 찾다가 이런 블로그 글을 봤다. 리팩토링과는 크게 상관없지만 클린코드를 쓰기에 유용한 팁들이 많아서 좋았다. 나중에 다시 봐야지 https://jae04099.tistory.com/entry/React-%EB%A6%AC%EC%95..

git 현재 상태 확인 git status 어떤 수정사항들이 적용됬는지 볼때 사용 git diff 커밋 내용들을 보여준다(커밋 히스토리) git log 원하는 파일을 깃 레포지토리에서 삭제 git rm 로컬 branch 확인 git branch -l 전체 branch 확인 git branch -a 리모트 저장소 branch 확인 git branch -r 로컬 branch 정보와 마지막 커밋 내용을 같이 확인 git branch -v 로컬에 새로운 브랜치 생성 git branch 브랜치명 이미 존재하는 로컬 브랜치가 원격 브랜치를 트래킹하도록 설정 git branch --set -upstream origin 브랜치명 로컬에 새로운 브랜치 생성과 동시에 이동 git checkout -b 새 브랜치이름 그냥 ..

자료구조에 대해 공부해보고자 한다. 솔직히 제일 먼저 개념을 정확히 짚고 넘어갔어야 했는데 실무 하려면 꼭 알아야하는 중요 개념!!! 🙂 Object(객체) mdn문서 일단 mdn을 읽고 시작 자바스크립트에서 원시 타입을 제외한 모든 데이터 타입은 객체이다. 객체는 여러가지 값 혹은 함수도 가능하다. 객체가 보유한 값을 "프로퍼티"라고 하며, 객체가 보유한 함수는 "메서드"라고 한다. key, value 구조의 자료구조이다. 객체의 프로퍼티와 메서드들은 "키값"으로 구분된다. 🌼 객체의 생성 1) 객체 리터럴 let obj = {key:value, key2: value2, ...} 변수처럼 객체를 생성하는 방식으로 중괄호 {} 안에 key:value를 쉼표로 구분 2) 생성자 함수 new 연산자를 통해 ..

개발자 취업을 위해 질문을 정리하다가, 취업이 되어서 취업 준비하는 개발자 분들에게 도움이 되고자 비공개로 작성했던 자료를 공개하고자 한다. 나도 여기저기서 모은 것도 있고, 내 방식대로 정리한 것도 있어서 완벽하진 않지만 도움이 필요한 사람들에게 참고가 되었으면 좋겠다. 만약 퍼간다면 꼭 나의 출처도 남겨주셨으면 좋겠다.🙄 1. 브라우저 렌더링 원리 (https://d2.naver.com/helloworld/59361) - 1. DOM, CSSOM생성: 가장 첫번째 단계로 서버로부터 받은 HTML, CSS를 다운받는다 → 단순한 텍스트인 HTML, CSS파일을 Object Model로 만든다. HTML은 DOM으로, CSS는 CSSOM으로 만들어진다. (html이 여기서 파싱된다) DOM Tree와 C..