본문 바로가기

전체 글140

[TIL] IT 5분 잡학사전 챌린지 5일차 에피소드30 ~ 에피소드34 오늘 읽은 범위 30. 코로나가 준 레거시 시스템 교훈 31. 데이터와 단짝 친구, SQL 32. NoSQL이 뭐죠? 33. 깃 & 깃허브, 똑같은 거냐고? 34. 버전을 표기하는 방법도 있어요? 책에서 기억하고 싶은 내용 - 프로그램은 책임있게 만들어야 한다. 프로그램은 끊임없이 관리해야 한다. - 몽고DB는 데이터 형식이 자유로운 document database이다. JSON 도큐먼트 형태로 저장을 한다. - 키값 데이터베이스는 읽고 쓰는 것이 매우 빠르고 대표적인 DBMS로 카산드라DB, DynamoDB가 있다. - 그래프 데이터베이스, 노드와 같은 관계망식의 DB. - SemVer는 숫자 3개로 표지하는 버전 관리 방식, 시멘틱 버저닝, 오늘 읽은 소감? 여태까지 코드들을 길게 관리해본적이 없다... 2024. 3. 25.
[TIL] IT 5분 잡학사전 챌린지 4일차 에피소드26 ~ 에피소드29 오늘 읽은 범위 26. 정렬 알고리즘이 뭐죠? 27. 스택, 큐가 뭐죠? 28. 해시 테이블이 뭐죠? 29. 개발자 필수 소양, 클린 코드! 책에서 기억하고 싶은 내용 - 클린 코드 백서1. 의미 있는 변수, 함수 이름을 사용하자. - 클린 코드 백서2. 함수 이름은 가급적 동사로 짓자 - 클린 코드 백서3. 매개변수는 너무 많이 쓰지 말자 - 클린 코드 백서4. 불린값을 인자로 주지 말자 - 클린 코드 백서5. 축약어를 쓰지 말자. 오늘 읽은 소감? 예전 우테코 프리코스를 참여하면서 해당 코스에서 요구하는 요구사항을 최대한 만족시키기 위해서 많은 노력을 기울였다. 그때의 요구사항이 대부분 클린코드와 관련된 요구사항들이었고 사실 그때 당시에도 단순히 기능을 구현하는 부분은 어렵지 않았으나 클린 코드의 기.. 2024. 3. 23.
[TIL] IT 5분 잡학사전 챌린지 3일차 에피소드16 ~ 에피소드21 오늘 읽은 범위 16. 인터넷 익스플로러가 사라진 이유와 브라우저 엔진 17. 아, 쿠키가 먹는게 아니라고요? 18. 프런트엔드, 백엔드? 19. 서버가 뭔지 아직도 모른다고? 20. 슈퍼 개발자만 할 수 있다, 풀스택? 21. 서버리스는 서버가 없다는 뜻? 책에서 기억하고 싶은 내용 - 프론트엔드는 기술의 변화 속도가 엄청 빠르다! 배울게 산더미다! - 풀스택은 프론트엔드, 백엔드, 데브옵스다! 데브옵스는 서버 관련 각종 소프트웨어, DB설정, 보안 등등을 관리하는 파트이다. - 풀스택 개발 취업시 점검 사항으로 팀원의 수, 각 업무의 비중, 스택등으로 고려하자! - 서버리스의 두가지 단점, '콜드 스타트', 서버 제공자에 대한 의존성이 강하다. 오늘 읽은 소감? 처음 웹 개발을 공부할때는 백엔드, 프.. 2024. 3. 20.
[TIL] IT 5분 잡학사전 챌린지 2일차 에피소드11 ~ 에피소드15 오늘 읽은 범위 11. 라이브러리와 프레임워크, 비슷한거 아냐? 12. 제이쿼리는 반드시 배워야 하는 기술일까? 13. 그놈의 API, 대체 뭐길래? 14. 도메인은 왜 돈을 주고 사야 할까? 15. 플래시의 서비스 종료와 스티브 잡스 책에서 기억하고 싶은 내용 - 라이브러리와 프레임워크의 결정적 차이는 제어권에 있다. 내가 통제할 수 있는건 라이브러리, 내가 통제당하는건 프레임워크이다. - 제이쿼리는 지금 당장 말고 정말로 필요할때 배우도록 하자. - 개발, 공부를 할때는 기한을 정해두고 하자! 열정은 일시적이다, 항상 꾸준히 공부하고 개발할 수 있는 개발자가 되자. - 플래시가 망한 이유? -> 오픈 소스가 아니였음, -> 데스크톱용 프로그램이다. 오늘 읽은 소감? 여태까지 책을 읽으면서 다른 내용들.. 2024. 3. 19.
[TIL] IT 5분 잡학사전 챌린지 2일차 에피소드6 ~ 에피소드10 오늘 읽은 범위 06. 왜 나만 오류가 자주 생길까? 07. 파이썬은 왜 이렇게 인기가 많을까? 08. 파이썬이 C언어보다 느린 이유는? 09. 자바스크립트는 웹 개발에만 쓰이는 언어일까? 10. 코틀린은 정말로 자바와 100% 호환될까? 책에서 기억하고 싶은 내용 프로그래밍 초보자가 하기 쉬운 실수 -> (강의나 이론 공부만 하고) 코딩 안하기 2가지 방법으로 번역되는 프로그래밍 언어 1. 동시 번역처럼 해석하는 인터프리터 언어 2. 한번에 해석하는 컴파일 언어 코틀린은 자바와 100% 호환이 된다. 코틀린의 장점은 2가지, null에서 안전하다, 코루틴을 지원한다. 오늘 읽은 소감? 나는 아직도 프로그래밍 뉴비인가보다, 실제로 코딩을 치는 시간보다 이론을 공부하고 강의를 듣는 시간이 훨씬 길다. 하루.. 2024. 3. 17.
[TIL] IT 5분 잡학사전 1일차 에피소드1 ~ 에피소드5 오늘 읽은 범위 1. 개발자에 대한 오해 5가지! 2. 어떤 언어부터 공부해야할까? 3. 새 언어를 쉽게 배우는 노하우? 4. 언어 이름은 왜 그렇게 지었을까? 5. C, C++, C#은 이름처럼 비슷할까? 책에서 기억하고 싶은 내용 - 좋은 개발자는 개발과정을 잘 이해해야한다! 개발에서는 재능이 아니라 포기하지 않음이 더 중요하다! - 새 언어를 배우는 6가지 방법. 방법1: 공식 문서 확인. 언어의 철학, 누가 해당 언어를 사용해야 하는지, 올바르게 사용한 예시를 확인 방법2: 문법 확인. 방법3: 다른 언어와 비슷한 특징을 정리하기 방법4: 새 언어로 코딩 시작하기. 공식 문서를 그만 읽고 이제는 직접 코드를 만들때! 마치 새로운 수학 개념을 알고 연습문제를 푸는 과정! 방법5: 튜토리얼 시작하기... 2024. 3. 16.
노마드 코더 - 노개북 챌린지 2024. 3. 15.
[HTML/CSS/Javascript] no-more-algorithm 회고 이번에는 아주아주아주아주아주아주아주아주아주 간단한 프로젝트를 해보았다. 이건 별로 뭐 어디다 말하기도 부끄러운 그런 프로젝트이지만 매우 개인적인 이유로 시작한 토이 프로젝트이다. 나는 쉴때 유튜브를 많이 본다. 그렇기에 다양한 영상 시청 덕분에 알고리즘은 아주 재미있는 영상들을 추천영상으로 띄워주고는 한다. 그런데 코딩을 하기 위해 유튜브를 볼때 유튜브의 추천 영상은 너무나도 짜증이난다. 막 이 영상을 보라고 유혹하는 듯하다. 이외에도 단순히 내가 얻고자 하는 지식이외에도 영상에 집중하지 못하게 하는 요소들이 너무 많다라고 생각했다. 그래서 코딩 공부를 할때는 영상에만 집중할 수 있고 이외의 부차적인 정보들을 닫을 수 있는 기능의 extension을 제작해봐야겠다 라고 생각했다. 일단 크롬 익스텐션을 만.. 2024. 3. 15.
useEffect의존성에 ref사용해서 발생하는 문제 (feat. useCallback, useMemo) 저번 프로젝트에 무한 스크롤을 구현하면서 마주친 문제가 있었다. 바로 useRef와 useEffect를 사용하면서 발생한 문제였다. 1. 발단 무한 스크롤 기능을 구현하기 위해서는 트리거가 되는 DOM을 가져와야 한다. 즉 바닐라JS에서 document.querySelector()와 같은 메소드로 무한 스크롤을 하게 하는 트리거가 필요했다. (예, 보여지는 영화리스트중 마지막 영화가 사용자 window화면에 보이면 무한 스크롤을 통해 다음 영화들을 로드하기 위해서 마지막 영화에 트리거를 놓는 것) 구글링을 통해서 useRef을 사용하면 JSX의 DOM을 가져올 수 있다고 하여 그것만 보고 과감하게 useRef()를 사용하였다. 당시 작성했던 주요 코드를 보면 아래와 같음 const imageRef = u.. 2024. 3. 14.

티스토리툴바