지브리 스타일로 나만의 프로필 만들기 - 최신 SNS 유행 따라잡기안녕하세요, 여러분! 최근 SNS에서 큰 인기를 끌고 있는 지브리 스타일 프로필 만들기에 대해 소개해 드리려고 합니다. 일본의 유명 애니메이션 스튜디오 지브리의 독특하고 따뜻한 그림체로 자신만의 프로필을 만들 수 있다는 점이 많은 사람들의 관심을 끌고 있죠. 이번 포스팅에서는 누구나 쉽게 지브리 스타일의 프로필을 만들 수 있는 방법을 단계별로 알려드릴게요! 🌱 지브리 프로필이란?지브리 프로필은 '센과 치히로의 행방불명', '하울의 움직이는 성', '토토로' 등으로 유명한 스튜디오 지브리의 독특한 애니메이션 스타일을 활용하여 만든 개인 프로필 이미지를 말합니다. 현실적이면서도 몽환적인 지브리 특유의 분위기로 자신을 표현할 수 있어서 최근 ..
목차AI 비즈니스 혁신: 기업의 필수 전략데이터 기반 의사결정: AI의 역할생성 AI: 콘텐츠 제작의 미래AI와 자동화: 업무 효율성의 극대화AI 기술의 윤리적 고려사항미래를 대비하는 AI 전략AI는 날로 발전하고 있으며, 앞으로의 트렌드를 이해하고 활용하는 것이 중요합니다. 본 기사에서는 2025년 최신 AI 트렌드와 그에 따른 활용 전략을 살펴보며, 기업과 개인이 어떻게 대응할 수 있을지 탐구해 보겠습니다.AI 비즈니스 혁신: 기업의 필수 전략기업들이 AI 기술을 통해 비즈니스 모델을 혁신하고 있는 사례는 다양합니다. 특히 고객 서비스와 생산성 향상에 기여하는 방식에서 크게 두각을 나타내고 있습니다. 기업들이 AI를 활용하는 방식은 점점 더 창의적이고 효과적이 되어가며, 이는 경쟁력 강화로 이어지고 ..
사전 준비 - iterms2- homebrew- zsh(oh-my-zsh) 1. jenv 설치brew install jenv 2. 환경 변수 설정echo 'export PATH="$HOME/.jenv/bin:$PATH"' >> ~/.zshrcecho 'eval "$(jenv init -)"' >> ~/.zshrcsource ~/.zshrc 3. jenv export plugin 설정jenv enable-plugin export 4. jenv 설치 확인 jenv 아래와 같이 나오면 정상 설치가 된 것이다.jenvjenv 0.5.7Usage: jenv []Some useful jenv commands are: commands List all available jenv commands ..

웹 개발을 하다 보면 항상 마주치는 순간이 CORS(Cross-Origin Resource Sharing) 에러이다. 클라이언트 서버와 API 서버의 포트가 다르면 자주 발생하는 에러이다. 그래서 에러가 발생하는 순간 '아! 이건 서버에서 처리를 해주어야겠다' 생각이 들 것이다. 간단한 해결 방법으로, Access-Control-Allow-Origin을 이용해 서버 측에서 클라이언트의 포트를 열어주면 된다. 하지만, 우리가 원하는 것은 로그인 이후의 동작 등과 같이 인증과 관련된 데이터를 담거나 받고 싶을 때이다. withCredentials Option 기본적으로 브라우저가 제공하는 요청 API 들은 별도의 옵션 없이 인증과 관련된 데이터를 함부로 요청 데이터에 담지 않도록 되어있다. 이는 응답을 받..
로그인 한 유저가 세션이 만료가 되었을 때, 새로 로그인을 할 수 있도록 리다이렉트 처리를 해야한다. 레거시 코드에서는 페이지 이동을 할 때 마다 세션을 체크하고 있으므로 세션이 만료가 되면 강제로 새로고침을 하여 새로 고침에 의해 로그인 페이지로 강제 이동 시키고 있었다. (보안 상의 이유로...) window.location.href = window.location.href 자바스크립트에서 현재 페이지의 URL을 다시 로드하는 코드로 대체로 페이지를 강제로 새로 고침하고 싶을 때 사용될 수 있다. 그렇다면 브라우저에서 자바스크립트를 사용하여 페이지 이동하는 방법들을 살펴보자. window.location.href 페이지의 URL을 설정하거나 변경할 수 있다.// 다른 페이지로 이동window.loca..
입사할 때에는 프론트엔드 개발자(리액트)였지만, 이번 프로젝트에서는 앵귤러 + 자바(스프링 부트)로 된 프로젝트를 개발하게 됐다. 프론트를 시작하면 package.json을 먼저 살펴보듯이 application.yml을 먼저 살펴보았다. 파이썬처럼 Indent로 구분하나 보군.string은 큰 따옴표("")로 묶지 않아도 되는구나.대시(-) 있는 것과 없는 것의 차이는 뭘까?... 문법이 궁금해졌다. YAML 파일이란? YAML 파일은 .yml 또는 .yaml 확장자를 사용하며 특정 구문 규칙을 따른다.[.yaml 과 .yml 차이점]결론부터 말하자면 yaml과 yml파일 확장자는 모두 해석 및 구문이 동일하다.이렇게 분리된 이유는, 옛날 Windows에서 Extensions는 파일확장자가 3자로 제한되..

React Native의 기본 Button 컴포넌트React Native는 기본적으로 Button 컴포넌트를 제공합니다. 하지만 이 컴포넌트는 웹 개발에서 흔히 사용 되는 button 요소와는 다소 차이가 있습니다. Alert.alert('Simple Button pressed')}/> 기본 Button 컴포넌트의 주요 특징은 다음과 같습니다.필수 props로 title과 onPress를 요구합니다.사용자 정의 스타일링에 제한이 있습니다.그나마 스타일링 할 수 있는 방법이 color prop인데, 동작 방식이 iOS와 Android에서 다르게 적용됩니다.Android에서는 버튼의 배경색iOS에서는 텍스트의 색상이러한 제한으로 인해, 더 유연한 버튼 구현을 위해 다른 대안들이 필요하게 되었습니다.React..

반응형을 구현할 때, 해당 요소가 너무 큰 경우에는 flex를 사용하여 자연스럽게 떨어지게 하거나 미디어쿼리를 사용하여 해당요소를 작게 하는 등 여러 가지 방법을 이용하여 구현한다. 하지만 다른 사람의 작업물이거나 복잡하게 구현되어 있는 경우에는 어디서 부터 손을 대야 할지 감이 잡히지 않을 때가 있다.더군다나 반응형을 구현하기 위해 디바이스별로 정해놓은 구간이 있는 상황에서 새로 레이아웃을 획정해야 하는 경우에는 난감한 경우가 발생한다. 애매한 구간에서만 동일한 비율로 간단하게 줄일 수 있다면 좋을 텐데 말이다.이러한 경우에 간단하게 css의 zoom 프로퍼티를 사용하면 된다. zoom : 0.5; // 50% 촉소zoom : 1; // 기본 zoom : 2; // 2배 확대 미디어쿼리를 사용하..
- Total
- Today
- Yesterday
- zoom
- CORS
- custom hooks
- css
- this
- jdk
- 고정
- useRef
- 상태관리
- bind
- yml
- useMemo
- touchableopacity
- React Native
- jenv
- yaml
- 리액트
- Pressable
- useReducer
- 스크롤
- javascript
- button
- window.location
- React
- useState
- React Hooks
- withcredentials
- background-attachment
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |