분류 전체보기
-
[FEPL05 / TIL] Day 09 - 내겐 너무 어려운 클린 아키텍처Study (etc)/멋쟁이사자처럼 FEPL_05 2025. 6. 30. 00:40
✏️ 오늘 배운 것클린 아키텍처 (Clean Architecture)제어의 역전클린 아키텍처🙂↕️ 이미 알고 있던 것 💡 새로 알게된 것클린 아키텍처 더보기먼저, 회고에 앞서 강사님께서 대체적으로 블로그에서 클린 아키텍처에서 이야기하는 것의 대부분은 제대로 이해하지 못하고 작성한 것일 가능성이 높다고 말씀해주셔서, 나도 드리는 당부 말씀. 저도 이해하지 못하고 쓰고 있을지도 모릅니다. 그냥 제가 공부했다는 흔적을 남기는 것이니... 이 글을 통해 유의미한 정보취득이 가능할 지는 모르겠습니다만, 최선을 다해 정리해보겠습니다. 클린 아키텍처, 말 그대로 깨끗한 아키텍처.소프트웨어를 위의 이미지처럼 여러 계층으로 분리하고 핵심 비즈니스 로직을 외부 요소로부터 독립적으로 보호하고, 시스템의 유지보수성과 ..
-
[FEPL05 / TIL] Day 08 (2편) - 밟으실 수...수수수파베이스Study (etc)/멋쟁이사자처럼 FEPL_05 2025. 6. 29. 20:18
✏️ 오늘 배운 것Draw.io모델링한 데이터를 E-R 다이어그램으로 옮기기SupabaseSupabaseE-R 다이어그램을 바탕으로 스키마 만들기Supabase를 Next.js에 연동하기 🙂↕️ 이미 알고 있던 것진짜 둘다 처음 봤음. 저게 뭐야 몰랐어 나는... 💡 새로 알게된 것Draw.io Flowchart Maker & Online Diagram SoftwareFlowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram t..
-
[FEPL05 / TIL] Day 08 (1편) - 데이터를 정규화하자Study (etc)/멋쟁이사자처럼 FEPL_05 2025. 6. 29. 16:41
✏️ 오늘 배운 것관계형 데이터베이스의 데이터 정규화데이터의 무결성정규화제1정규형제2정규형제3정규형BCNF-------------2편에서 계속-----------------Draw.io모델링한 데이터를 E-R 다이어그램으로 옮기기SupabaseSupabaseE-R 다이어그램을 바탕으로 스키마 만들기Supabase를 Next.js에 연동하기 🙂↕️ 이미 알고 있던 것데이터의 무결성이것에 관해서는 또 나오는 지긋지긋한 정보처리기사 실기 공부에서 많이 봤지.💡 데이터의 무결성이란 DB에 저장된 데이터가 정확하고 일관되며 신뢰할 수 있도록 보장하는 성질이다. ➡️ 데이터 값이 현실 세계의 실제 값과 일치하고 잘못된 데이터나 중복, 누락, 불일치가 발생하지 않도록 연산 등에 여러 제약 조건을 두어 관리하는 ..
-
[FEPL05 / TIL] Day 07 - 데이터를 모델링해보자 (feat. 정처기)Study (etc)/멋쟁이사자처럼 FEPL_05 2025. 6. 26. 00:12
✏️ 오늘 배운 것Database데이터베이스에 저장되는 것관리하는 데이터와 로그 데이터빅데이터는 로그 데이터다로그 데이터는 NoSQL 혹은 txt 파일로 저장한다데이터 모델링 과정Concept Design -> Logical Design -> Physical DesignSystem (시스템)업무 시스템과 관리 시스템업무 시스템역할자Logical Design업무 시스템에서 엔티티 추출하기 (데이터베이스에 저장할 데이터 분류하기) 🙂↕️ 이미 알고 있던 것Database의 정의💡 여러 사람이 공유하고 사용할 목적으로 통합 및 관리되는 정보의 모음그런데, 전자적으로 저장되고 체계적으로 조직된 데이터의 집합.주로 DBMS를 통해 활용된다. 주요 특징데이터의 중복 최소화, 일관성, 무결성, 보안성 유지DB..
-
[FEPL05 / TIL] Day 06 - Next.js 기초Study (etc)/멋쟁이사자처럼 FEPL_05 2025. 6. 25. 00:37
✏️ 오늘 배운 것Next.js프레임워크와 라이브러리의 차이app 디렉토리와 public 디렉토리HTML ➡️ Next.jslayout.tsx전역 레이아웃지역 레이아웃웹 표준 준수하기CSSNext.js 프로젝트에서의 css 파일의 위치module.css고립화, 지역화 🙂↕️ 이미 알고 있던 것Next.js를 왜 쓰지?Next.js의 공식 문서 페이지에 들어가보면 대문짝만하게 써있는 문구가 있다. The React Framework for the Web React는 웹 개발에만 사용되지 않고, 모바일 애플리케이션 등에도 사용이 가능한 Js 라이브러리이다.Next.js는 웹 애플리케이션에 특화된 React의 프레임워크로, CSR이라 불리하던 SEO를 SSR을 통해 해결하고, 손쉽게 개발 및 배포할 수 있..
-
[FEPL05 / TIL] Day 05 - TypeScript 기초Study (etc)/멋쟁이사자처럼 FEPL_05 2025. 6. 23. 23:06
✏️ 오늘 배운 것객체지향 프로그래밍 (OOP)상속InterfaceTypeScript의 Type 지정Type AliasesInterface declearationTypeScript의 Type들Object TypesPrimitive TypesSpecial TypesUnion TypesIntersection TypesLiteral Types & Enum Types둘의 차이는?Utility TypesGeneric 🙂↕️ 이미 알고 있던 것객체지향 프로그래밍에서 상속의 개념지난 4년간 대학교에서 컴퓨터정보학을 전공했을 때, Spring boot 수업을 들은 적이 있는데, 객체지향의 상속에 대해서는 정말 지겹게 들어온 것 같다. 더군다나 정보처리기사 실기를 2번이나 떨어지며 공부해온 내용 중에 객체지향에 대한..
-
[JS] prototype 1편 : prototype을 통한 상속 톺아보기Web Programming/JavaScript 2025. 6. 19. 00:46
😅 이렇게 바로 발목을 잡힐 줄이야멋쟁이사자처럼 프론트엔드 부트캠프 플러스 5기 생활이 시작되었다.이틀차인 오늘, 본격적으로 Node.js와 Next.js 수업에 들어가기 전 이뤄진 JavaScript Essential 수업에서 이런저런 것들을 배웠다.Array 객체를 다루는 것, 함수의 클로저, this와 prototype 등등... 헌데, 내가 직전에 작성한 TIL인 [JS] this 키워드 : 이것 뭐에요? 에서 Function.prototype.apply, Function.prototype.call 등의 메서드에 의한 간접 호출을 통한 this 바인딩 이야기를 꺼내며 prototype을 일단 기술부채로 남겨놓겠노라 적었는데, 이렇게 금방 그 부채를 청산하게 될 줄은 몰랐다. 그래서 우선은, 이 ..
-
[JS] this 키워드 : 이것 뭐에요?Web Programming/JavaScript 2025. 5. 31. 19:58
📚 새로운 도전에 대한 새로운 마음가짐 다시 한 번 취준에 터닝 포인트가 되기를 바라는 생각으로 멋쟁이사자처럼의 프론트엔드 부트캠프 플러스 5기에 지원을 해서 합격했다. 개강까지는 시간이 좀 남았지만 개강 전까지 이것저것 기초적인 것들을 다시 다져놓고자 해서 위키북스의 '모던 자바스크립트 Deep Dive'와 한빛 미디어의 '모던 자바스크립트 핵심 가이드'를 오가며 읽어보고 있다. 공부를 하는 순서는 딱히 없다.그냥 목차를 보다가 심도있게 바라보고 싶은 곳을 펼쳐서 공부한다.그 이전의 파트를 공부해야 할 필요가 있다면 그것은 잠시 기술부채로 남겨두고, 이해할 수 있는 부분까지만 공부를 한 뒤에기술부채는 차차 해결해나갈 생각이다. 이렇게 연쇄적으로 공부를 해보자는 심산(?) 우선 오늘 첫 번째로 써내려가..