2024년 08월 05일 일일 요약

=============================================

1: Shadow DOM의 스타일링 방법에 대해 설명하며, Shadow DOM이란 무엇인지, 그리고 내부와 외부에서 스타일링하는 방법을 다룹니다. 외부 스타일링에는 스타일 상속, 사용자 지정 속성,

키워드: Shadow DOM, 스타일 상속, 사용자 지정 속성,

출처: https://velog.io/@superlipbalm/8-ways-to-style-the-shadow-dom

(번역) Shadow DOM을 스타일링 하는 8가지 방법

=============================================

2: 이 글은 자바스크립트의 slice() 메서드에 대해 설명합니다. slice()는 배열을 잘라 새로운 배열 객체를 생성하는 메서드로, 원본 배열을 훼손하지 않고 일부를 복사하여 새로운 배열로 반환합니다. 예시 코드와 함께 사용법을 설명하며, 마지막 부분에서는 MDN 웹 문서를 참고 자료로 제시합니다.

키워드: 자바스크립트, slice(), 배열

출처: https://bskyvision.com/entry/javascript-%EB%B0%B0%EC%97%B4%EC%9D%84-%EC%9E%98%EB%9D%BC%EC%84%9C-%EC%83%88%EB%A1%9C%EC%9A%B4-%EB%B0%B0%EC%97%B4-%EA%B0%9D%EC%B2%B4%EB%A1%9C-%EB%A7%8C%EB%93%A4%EC%96%B4%EC%A3%BC%EB%8A%94-slice-%EB%A9%94%EC%84%9C%EB%93%9C

[javascript] 배열을 잘라서 새로운 배열 객체로 만들어주는 slice() 메서드

=============================================

3: 코로나 팬데믹 이후 `심리적 안정(Psychological Safety)`에 대한 관심이 증가했으며, 초기에는 이를 `심리적 안정`으로 번역했으나, 최근엔 `심리적 안전`으로 번역하는 추세입니다. 번아웃은 개인의 일에 대한 관점과 조직의 요구가 충돌하면서 발생하는데, 리더는 구성원의 발전과 역할을 공감하고 지원해야 합니다. 심리적 안전은 구성원이 자유롭게 의견을 말할 수 있도록 조직이 비난받지 않고 참여와 책임을 보장하는 환경을 조성하는 것을 의미합니다. 또한, 리더는 구성원의 커리어와 발전을 지원해야 합니다.

키워드: Psychological Safety, 심리적 안전, 번아웃, 리더십

출처: http://www.chidoo.me/index.php/2024/08/04/psychological-safety-in-leadership/

리더의 리더십 – 심리적 안정 vs. 안전

=============================================

4: 오늘 글에서는 INFCON 2024 세미나에서 AI를 활용한 디자인 프로세스 혁신과 운영 효율화 사례를 다룬 내용입니다. 첫번째로, 그랩의 디자이너들이 AI를 활용해 사용자 행동 분석을 통해 사용성 테스트를 진행한 사례를 소개했습니다. 이는 프로토타입 제작 후 AI에게 특정 작업을 시켜 디자인의 문제점을 찾아내는 방식이었습니다. 두번째로, 쏘카의 AI 세차 도입기를 통해 AI와 데이터를 활용한 운영 효율화 사례를 설명했습니다. 쏘카는 차량 세차 필요 여부를 판단하는 AI 모델을 개발하여 비용 절감과 고객 만족도를 올렸습니다. 그러나 AI 모델의 초기 한계와 개선 과정을 거쳐 더 정교한 시스템을 구축했다고 합니다.

키워드: AI 사용자 행동 분석, AI 활용, 운영 효율화, 사용성 테스트, 프로토타입

출처: https://vurias0203.tistory.com/entry/AI-%EC%8B%9C%EB%8C%80%EC%9D%98-%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88%EC%99%80-%EC%9A%B4%EC%98%81-%ED%9A%A8%EC%9C%A8%ED%99%94-%EB%91%90-%EA%B0%95%EC%97%B0%EC%97%90%EC%84%9C-%EB%B0%B0%EC%9A%B4-%EA%B2%83%EB%93%A4

AI 시대의 디자이너와 운영 효율화 - 두 강연에서 배운 것들

=============================================

5: 이 글은 항해플러스 백엔드 과정의 6주차 회고 내용을 담고 있으며, 주제는 동시성 문제 해결입니다. DB 락과 Redis를 활용한 분산락을 통해 좌석 예약 시스템과 잔액 충전 시스템에서 발생하는 동시성 이슈를 분석하고 해결하는 방법에 대해 다루고 있습니다. 구체적으로 낙관적 락, 비관적 락, 그리고 Redis 분산락의 적용 사례와 그 효과를 설명하고, 실제 코드 예시와 테스트 결과를 제시합니다. 더 나아가, 간단한 트랜잭션 관리의 중요성과 AOP를 이용한 분산 락 구현의 어려움도 언급하고 있습니다.

키워드: DB 락, 분산락, Redis, 동시성 문제, AOP

출처: https://velog.io/@joshuara7235/%EB%8F%99%EC%8B%9C%EC%84%B1-%EB%AC%B8%EC%A0%9C%EB%A5%BC-%EA%B7%B9%EB%B3%B5%ED%95%B4%EB%B3%B4%EC%9E%90-feat-DB-%EB%9D%BD%EA%B3%BC-Redis-%EB%B6%84%EC%82%B0%EB%9D%BD

동시성 문제를 극복해보자 - (feat. DB 락과 Redis 분산락)

=============================================

6: 이 글에서는 Jetpack Compose에서 함수 분리를 어떻게 하는 것이 좋을지에 대해 설명하고 Stateful과 Stateless의 개념을 중심으로 코드를 작성하고 분리하는 방법을 다룹니다. 예시 코드를 통해 함수 분리의 룰과 Preview를 활용한 테스트 방법을 제시합니다. 또한, 적절한 Modifier 사용 및 디자인 컴포넌트 분리를 통해 재사용 가능하고 유연한 UI 컴포넌트 작성법도 다룹니다.

키워드: Jetpack Compose, Stateful, Stateless, Modifier, 디자인 컴포넌트

출처: https://thdev.tech/compose/2024/08/04/Android-Compose-Split-Funcation/

Compose 함수는 어떤 조건으로 나누는것이 좋을까?(Stateful, stateless) |

=============================================

7: SwiftUI의 생명주기에 대해 앱의 생명주기와 뷰의 생명주기로 나누어 설명하고 있습니다. 앱의 생명주기는 @main 애노테이션을 사용하는 앱 초기화, 앱 시작, 앱 상태 변경(onChange)로 구성됩니다. 뷰의 생명주기는 초기화, 렌더링, 상태 변경 및 업데이트, 뷰 생명주기 이벤트(onAppear, onDisappear), 제거로 나뉘며, 각각의 단계에 해당하는 코드와 설명을 포함합니다. 이는 SwiftUI 앱의 전체 흐름을 이해하고 효율적으로 관리하는 데 도움이 됩니다.

키워드: SwiftUI, 앱 생명주기, 뷰 생명주기, @main, onAppear, onDisappear

출처: https://velog.io/@jwlee010523/SwiftUI-LifeCycle

SwiftUI - 생명주기(LifeCycle)

=============================================

8: 이 글은 프론트엔드 개발자가 `항해99`라는 부트캠프에 대해 광고하며 작성한 글입니다. 작가는 코치진, 커리큘럼, 그리고 교육비와 수료생 혜택에 대해 긍정적으로 평가하며, 할인 쿠폰 정보도 제공합니다. 작가는 부트캠프의 실무 지향적인 커리큘럼과 네트워킹 기회를 높이 평가하고 있습니다.

키워드: 항해99, 프론트엔드, 부트캠프, 커리큘럼, 코치진

출처: https://velog.io/@haryan248/%EB%B6%80%ED%8A%B8%EC%BA%A0%ED%94%84-%EC%95%84%EC%A7%81-%EC%9C%A0%ED%9A%A8%ED%95%9C%EA%B0%80%EC%9A%94

부트캠프 아직 유효한가요?

=============================================

9: 이 글은 SQLAlchemy 공식 문서를 번역한 내용으로, 주요 내용은 SQLAlchemy의 비동기 I/O 사용 방법에 관한 것입니다. SQLAlchemy 2.0 스타일의 엔진 생성, ORM 사용, 비동기 세션 사용법 등을 단계별로 예제 코드와 함께 설명합니다. 또한, 비동기 세션을 동시성 태스크와 함께 사용할 때의 주의사항에 대해서도 다룹니다.

키워드: SQLAlchemy, 비동기 I/O, AsyncEngine, AsyncSession, asyncio

출처: https://kimkani.tistory.com/66

[SQLAlchemy] - Asynchronous I/O (asyncio) : 비동기 I/O (asyncio) 공식 문서 번역 1편 : 개요, 동시성 태스크와

=============================================

10: 이 블로그 글은 1년 전에 진행한 마실가실 프로젝트를 리팩토링하면서 RESTful API 구현에 대해 설명하고 있습니다. RESTful API의 정의와 설계 규칙을 설명하고, 예시 코드를 통해 기존 코드와 리팩토링된 코드를 비교하여 RESTful한 구현 방법을 제시합니다. RESTful API의 설계 규칙으로는 소문자 사용, 행위 대신 HTTP Method 사용, URI에 파일 확장자 포함하지 않기 등이 있습니다.

키워드: RESTful API, HTTP Method, URI 설계

출처: https://hj0216.tistory.com/932

[1년 후 마실가실] REST API 구현