[Tistory] (진행 중) 추가 학습 자료 스터디_(3-5일차)

https://disquiet.io/@kimannie/makerlog/%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94-%EA%B0%80%EB%B2%BC%EC%9A%B4-%EA%B5%90%EC%9C%A1%EC%9D%84-%EB%A7%8C%EB%93%A4%EC%96%B4%EA%B0%80%EB%8A%94-%EB%A7%88%EC%9D%B4%ED%94%8C%EB%9E%9C%EC%9E%87%EC%9D%98-%EA%B9%80%EC%9D%80%EC%A3%BC%EC%9E%85%EB%8B%88%EB%8B%A4-%ED%98%84%EC%9E%AC-%EC%B4%88%EA%B8%B0-%EC%8A%A4%ED%83%80%ED%8A%B8%EC%97%85%EC%97%90%EC%84%9C-%EA%B8%B..

[Tistory] css color 투명도 hex로 간단하게 주기

우리가 일반적으로 사용하는 hex 속성값은 6자리로 이뤄져 있는데, 이 뒤에 투명도 값 2자리를 추가해주기만 하면 간단하게 투명도를 줄 수 있다. /* hex8 속성값 예시 */ .hex { color: #67A0FF33; } 아래는 각 Opecity에 해당하는 Alpha값이다. 100가지나 되는 두자리 값을 외워야 되나 걱정할 수 있지만, 아니다. 투명도 알파값도 앞의 여섯자리와 마찬가지로 당연히 Hexadecimal! 16진수로 이루어져 있기 때문이다. 00(투명) ~ FF(불투명)이란 것을 생각해서 대충 때려 넣다보면 금방 익숙하게 쓸 수 있을 것이다. 100% — FF 99% — FC 98% — FA 97% — F7 96% — F5 95% — F2 94% — F0 93% — ED 92% — EB ..

[Tistory] [현지에서 알아보는] 프랑스 비자 신청 팁과 노하우🇫🇷✈️

프랑스 비자는 크게 학생비자/워킹홀리데이비자/취업비자 이렇게 세가지로 나뉘어요. 이 중에서도 특히 워킹홀리데이비자는 만 18세~30세 이하라면 누구나 신청가능하기 때문에 많은 사람들이 관심을 가지고 있죠. 그래서 오늘은 프랑스로 가는 첫 걸음인 워홀비자에 대해 알아볼게요. 워홀비자 발급 절차는 어떻게 되나요? 먼저 주한 프랑스 대사관 홈페이지에서 온라인 신청서를 작성해야 합니다. 이후 서류들을 준비해서 제출하면 되는데요, 먼저 여권과 사진 1장(최근 6개월 이내) 그리고 잔고증명서 등 여러가지 서류등을 준비해야겠죠? 자세한 내용은 아래 링크를 참고해주세요! *****************************/%EC%97%AC%ED%96%89/%EB%B9%84%EC%9E%90_%EA%B0%80%EC%A0..

[Tistory] [Springboot] IntelliJ _compiler.automake.allow.when.app.running 적용하기

🚨 compiler.automake.allow.when.app.running이 안 보이는 경우 인텔리제이 2021.2 이후 버전에서는 보이지 않는다. 🔎 해결 방안 1. ‘파일 – 설정 – 빌드,실행,배포 – 컴파일러’에서 ‘프로젝트 자동 빌드’를 선택한다 2. ‘파일 – 설정 – 고급설정에서 컴파일러’부분에 ‘개발된 애플리케이션이 현재 실행 중인 경우에도 auto-make가 시작되도록 허용’ 선택한다. 더보기 [참고] https://velog.io/@nestour95/Intellij-%EC%9D%B8%ED%85%94%EB%A6%AC%EC%A0%9C%EC%9D%B4%EC%97%90%EC%84%9C-compiler.automake.allow.when.app.running%EC%9D%B4-%EC%95%88%..

[Tistory] [Js] 고차함수에 대해서

🟩 고차 함수(Higher-Order Function) 고차 함수는 함수를 인자로 받거나 또는 함수를 반환함으로써 작동 하는 함수를 말합니다. 간단히 말하자면, 고차 함수는 함수를 인자로 받거나 함수를 출력(output)으로 반환하는(return) 함수를 말합니다. 일단 함수형 프로그래밍에 대해서도 알아봅니다. 🟩 함수형 프로그래밍이란 무엇일까요? 함수형 프로그래밍은 함수를 다른 함수의 파라미터로 넘길 수도 있고 반환(return) 값으로 함수를 받을 수도 있는 프로그래밍 형태를 말합니다. js를 다루게 되면 다른 함수에 콜백으로 들어가는 거나, return 받을 때 변수에 그대로 넣을 수 있는거를 자연스럽게 지나갔던거 같습니다. 이게 가능할 수 있게되는 이유가 고차 함수라는 계념인 것을 최근에 알았습니..

[Tistory] [Android] Retrofit + Kotlin Coroutine 서버 통신하기

지난번에 포스팅 했던 Retrofit을 사용해서 서버와 통신하는 글을 보고 오시는 것을 추천합니다. [Android] Retrofit을 사용해서 서버와 통신하기 Retrofit이란? Rest API 통신을 위해 구현된 라이브러리 Squareup사의 OkHttp 라이브러리의 상위 구현체 Retrofit은 OkHttp를 네트워크 계층으로 활용하고 그 위에 구축됨 초창기 안드로이드 네트워크 통신은 sangyoon98.tistory.com Intro Retrofit을 사용해서 자바와 코틀린 두가지 언어로 통신하는 방법을 포스팅했었다. 하지만 CallBack 메소드를 호출하던 방식이라 코드의 길이도 길었고 완전한 비동기 프로그래밍 방법이 아니었다. 그래서 이번에는 Coroutine을 사용해서 서버 통신을 비동기 ..

[Tistory] 로그인 & 회원가입 기능에 JWT 도입하기

도입 배경 현재 진행하기로 한 프로젝트는 STAY MATE라는 프로젝트로, 기숙사 입소 인증을 돕기 위한 플랫폼이다. 해당 프로젝트에서 학생들의 정보를 관리하기 위해 로그인 및 회원가입 기능이 필요하다. 그래서 정보를 관리하고 저장할 브라우저 저장소가 필요했고, 쿠키와 세션 그리고 토큰(JWT) 중 이번에 토큰(JWT)을 활용하기로 하였다. 왜 JWT 여야만 할까? 이전에 쿠키를 사용해서 로그인과 회원가입 기능을 개발한 적 있다. 그 경험을 토대로 이번에도 똑같이 적용하려고 했으나, 쿠키를 사용하기엔 큰 문제점이 있었다. 바로, 정보 탈취의 위험성 이 있다는 것이다. 쿠키에 대해 공부하던 중 아래와 같은 단점에 대해 알게 되었다. 보안에 취약하다. (요청 시 쿠키의 값을 그대로 보내어, 유출 및 조작당할..

[Tistory] js higher order function에 대하여

이번에는 JavaScript의 고차함수에 대하여 작성해보려고 한다. JavaScript에서 “고차 함수”는 다른 함수를 인자로 받거나 함수를 반환하는 함수를 말합니다. 이러한 기능은 함수형 프로그래밍 스타일을 지원하며, JavaScript에서 함수를 값으로 다룰 수 있는 유연성을 제공합니다. 나는 함수를 인자로 받는 방식의 고차함수를 활용해 보았는데 결과가 훌륭했다! 활용하기 전 이 코드가 나의 원래 코드였다. 5개의 아이콘을 직접 입력하였고 새로운 아이콘을 추가하고 싶다면 직접 추가하면 되었다. map을 이용한 고차함수를 활용하고 난 후 export type IconItem = { name: TName; width: string | number; height: string | number; viewBo..

[Tistory] 옵저버 패턴과 예제 코드

👽 Observer Pattern 옵저버 패턴(Observer Pattern)은 어떤 이벤트가 일어나는 것을 감시하는 패턴을 의미한다. 함수로 직접 요청한 적 없지만 시스템에 의해 발생하는 동작들을 이벤트라 하는데, 이러한 이벤트들을 감시하여 이벤트가 발생할 때마다 미리 정의해 둔 어떠한 동작을 즉각 수행하게 해 주는 프로그래밍 패턴을 옵저버 패턴이라 한다. 예시로 A 버튼이 클릭될 때마다 화면에 ‘안녕’을 출력하는 동작을 들 수 있다. 옵저버 패턴을 활용하면 다른 객체의 상태 변화를 별도의 함수 호출 없이 즉각적으로 알 수 있기 때문에, 이벤트에 대한 처리를 자주 해야 하는 프로그램이라면 매우 효율적인 프로그램을 작성할 수 있다. Model의 상태가 변경되면 이를 구독하고 있는 View의 렌더링 함수(..

[Tistory] A/B테스트, 코호트분석, AARRR분석, RFM, 에어플로우, LTV 코호트, 산업별 리텐션롤링 리텐션, 그로스해킹, 마케팅 가설검정

A/B테스트, 코호트분석, AARRR분석, RFM, 에어플로우, LTV 코호트, 산업별 리텐션롤링 리텐션, 그로스해킹, 마케팅 가설검정 A/B 테스트(프로그램 있음) https://www.oracle.com/kr/cx/marketing/what-is-ab-testing/ https://www.beusable.net/blog/?p=2854 https://brunch.co.kr/@beusable/3 https://brunch.co.kr/@digitalnative/19 https://playinpap.github.io/interpreting-a/b-test-results-false-positives/ https://yozm.wishket.com/magazine/detail/897/ https://blog.pe..