일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 코테 문제
- dfs
- 컴퓨팅사고
- DP문제
- 초소형머신러닝
- sort
- MCU 딥러닝
- 포스코 AI교육
- BFS
- 포스코 ai 교육
- tflite
- tinyml
- 알고리즘
- 코딩테스트
- TensorFlow Lite
- 영상처리
- 삼성역테
- 그리디
- 다이나믹프로그래밍
- 자료구조
- 포스코 교육
- 임베디드 딥러닝
- 삼성역량테스트
- DP
- dfs문제
- 코테
- 삼성코테
- 딥러닝
- 삼성코딩테스트
- bfs문제
- Today
- Total
목록전체 글 (392)
코딩뚠뚠

서비스 배포는 이미 완료했으며 개발간 자잘한 팁들을 포스팅한다. 카톡분석 서비스 주소 https://www.advancer-katalk.click 카톡분석 왕 테스트 www.advancer-katalk.click 개요 카톡으로 링크를 공유받았을때 그 링크는 카톡의 인앱 브라우저로 열리게 된다. 인앱브라우저의 경우 대부분 구동 간 제약이 존재한다 - 글자깨짐, 간격 등의 UI 이슈 - 여러 탭이 열리지 않는 이슈 등 이런 제약들을 우회하고자 페이지를 열었을 때 인앱브라우저이면 -> 크롬, 사파리로 브라우저를 자동전환하는 방법을 알아보고자 한다. 코드로 설명 - index.html 카카오톡이 아니더라도 인스타그램, 페이스북도 인앱 브라우저가 존재한다. 따라서 위 코드에서는 인스타인앱까지 탈출시켜봤다 끝

서비스 배포는 이미 완료했으며 개발간 자잘한 팁들을 포스팅한다. 카톡분석 서비스 주소 https://www.advancer-katalk.click 카톡분석 왕 테스트 www.advancer-katalk.click 아래와 같이 카톡으로 웹페이지를 공유하는 방법을 알아보자 1. 카카오 개발자 사이트에서 웹을 등록 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오 API를 사용하는 것이기 때문에 위 작업이 필요하다. 가입후 플랫폼 탭에서 아래와 같이 내 사이트를 적어넣어주자 (localhost는 개발용) 2. 코드내에 Kakao init 해주기 ..

서비스 배포는 이미 완료했으며 개발간 자잘한 팁들을 포스팅한다. 카톡분석 서비스 주소 카톡분석 왕 테스트 www.advancer-katalk.click 프런트엔드를 개발하면서 기본 폰트를 그대로 사용하는 경우는 없을것이다. 폰트를 적용하는 방법을 알아보자. 1. 폰트 다운로드 폰트는 많은 사이트에서 가져올 수 있겠지만 아래 링크에서 가져왔다. Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 눈누 상업용 무료한글폰트 사이트 noonnu.cc 원하는 폰트를 클릭한 뒤 Download 버튼을 눌러 다운받아준다. 2. 폰트 변환 다운로드한 ttf 파일들은 모든 브라우저에서 동작하지..

서비스 배포는 이미 완료했으며 개발간 자잘한 팁들을 포스팅한다. 카톡분석 서비스 주소 카톡분석 왕 테스트 www.advancer-katalk.click 프런트작업을 처음 해봤기때문에 처음 배경을 설정하는데 굉장히 애먹었던 기억이 있다 개발 초기 배경 화면 : 배포 시 배경 화면 : 어떻게 백그라운드를 완성할 수 있었는지 배경 속성을 정리해보도록 하자. 1. background-color 위 프로젝트처럼 background image 를 쓰면 관계없지만 color 속성을 통해 배경색상을 정할 수 있다. div{ background-color : black; } 2. background-image 배경을 이미지로 지정할때 사용하는 속성값이다. div{ background-image:url("https://~..

서비스 배포는 이미 했지만 그동안 못한 포스팅을 이제야 쓴다. 카톡분석 서비스 주소 카톡분석 왕 테스트 www.advancer-katalk.click 카톡분석 서비스는 기본적으로 카카오톡 파일을 업로드 해야 분석을 시작할 수 있다. (파일은 저장하지 않는다) 그런데 저장후 불러오는 과정이 까다로워 이미지 슬라이드로 설명이 필요한 상황! 아래와 같은 슬라이드 구현이 필요했다. React-slick 과 Carousel React-slick 과 Carousel(캐러셀) 을 이용해 슬라이드를 구현해보자. 1. 설치 npm install react-slick --save npm install slick-carousel --save 2. import import "slick-carousel/slick/slick.c..