분류 전체보기277 [React] 서버와 통신 중 jwt 토큰을 응답 받았을 때 사용하는 법, 만료 하는 법 웹에서 JWT 토큰을 관리하는 방법으로는 localStorage 또는 sessionStorage에 저장하는 것이다. localStorage를 이용) // jwt 토큰을 받아온다. const jwtToken = res.data.access_token; // localStorage에 저장한다. localStorage.setItem("jwtToken", jwtToken); localStorage.setItem("nickname", res.data.nickname); // 필요 시에 토큰을 꺼내온다. localStorage.getItem("jwtToken") 위는 로그인에 성공 시 실행 코드들이다. 로그아웃 시 클라이언트에서도 제거, 서버에서도 제거한다. .then((res) => { localStorage.c.. 2024. 1. 3. [AWS] IAM 계정이 두개 이상일 때 serverless 배포 시 주의할 점 원래 모든 권한을 갖고있던 serverless_user 계정만 사용했었고 serverless, docker Image 배포 시에 serverless deploy만 하면 됐었는데, 최근 web을 만드는 중에 서버는 serverless_user 계정을 이용해서 배포, 웹은 새로운 계정(react_user)을 만들어 배포하려고 했다. 새로운 계정은 웹만 배포하면 되기에 S3FullAccess 권한만 주었는데 serverless deploy 명령을 하니 오류가 뜬다. Error: User: arn:aws:iam::365756929004:user/react_user is not authorized to perform: ecr:DescribeRepositories on resource: arn:aws:ecr:ap-.. 2024. 1. 2. [Android Studio] 안드로이드에서 YouTube API 사용하기전 세팅하기(API 키 생성) API 레퍼런스 참고해서서 하기 (https://developers.google.com/youtube/v3/getting-started?hl=ko) YouTube API를 사용하기 위해 Google 계정이 필요하다(아이디가 없다면 회원가입, 있다면 로그인한다) 구글 클라우드의 API 및 서비스로 들어가 사용할 프로젝트를 선택해준다 (없다면 생성) 메뉴바에 우측 라이브러리를 클릭, 사용할 라이브러리 검색해서 사용을 클릭해준다. 사용을 눌렀다면 다시 구글 클라우드의 API 및 서비스의 사용자 인증 정보탭으로 돌아와서 사용할 API키를 확인 후 복사해 사용할 API에 입력해 사용한다 (API키가 없다면 생성한다) + API키 생성 (API 키는 제한 설정을 해야 사용할 수 있다) 2024. 1. 2. [Android Studio] Intent로 다른 액티비티 띄우기(연락처 선택, 웹브라우저 실행, SMS/Email 작성, 텍스트 공유) 버튼 클릭 시 함수 실행하는 예시 코드 public class MainActivity extends AppCompatActivity { Button button; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); button = findViewById(R.id.button); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { shareText("텍스트 공유"); } }); } // 연락처 선.. 2024. 1. 2. [Android Studio] 이미지 처리를 위한 Glide 라이브러리 사용하기 Glide란? -> 안드로이드에서 지원하는 빠르고 효율적이게 이미지를 불러 올 수 있는 라이브러리 implementation("com.github.bumptech.glide:glide:4.16.0") dependencies {} 안에 위 코드 작성(라이브러리 사용법) public class MainActivity extends AppCompatActivity { ImageView imageView1; final String URL1 = "이미지URL"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ima.. 2024. 1. 2. [Android Studio] TextView 글자 초과 말줄임(...) 으로 처리하기 말줄임을 마지막에 표시하려면 ellipsize에 end를 입력한다. 몇줄까지 표시할 지 = maxLines android:maxLines="2" android:ellipsize="end" 2024. 1. 2. [React] react-fontawesome 패키지 사용법 npm i @fortawesome/react-fontawesome npm i @fortawesome/fontawesome-svg-core 위 라이브러리 설치 npm i @fortawesome/free-regular-svg-icons npm i @fortawesome/free-solid-svg-icons npm i @fortawesome/free-brands-svg-icons 무료 아이콘용 npm 패키지는 Regular, Solid, Brands 3개가 있다. 사용할 아이콘이 속한 패키지만 골라 설치 { "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.4.0", "@fortawesome/free-brands-svg-icons": "^6.4.0", ".. 2023. 12. 29. [Android Studio] Floating Action Button 사용하기 FloatingActionButton은 Buttons에 있다. 사용법은 기본 버튼과 똑같이 연결하고 클릭 함수를 이용하면 된다. 2023. 12. 29. [Android Studio] ActionBar 사용하기 res - values - themes의 두 파일에 2023. 12. 29. [Android Studio] RecyclerView 행 역순으로 바꾸기 employeeArrayList.add(employee); 위 코드로 ArrayList에 넣으면 맨 뒤에서부터 요소가 추가되는데 employeeArrayList.add(0, employee); 위 코드처럼 add() 함수의 첫번째 인자에 인덱스를 넣어주면 인덱스 자리에 추가 된다. 2023. 12. 29. 이전 1 ··· 4 5 6 7 8 9 10 ··· 28 다음