🔨 Development

[ CSS ] CSS 모바일 Transition 개선

# Reference aproid blog - CSS Transition 성능 최적화 by aproid https://aproid.github.io/2019/03/21/transition-optimize/ CSS Transition 성능 최적화 — Aproid CSS3의 강력한 기능중 하나인 Transition, 하지만 대부분의 개발자는 Transition 사용의 주의점을 알지 못하고 사용하여 모바일같은 성능이 좋지 못한 기기에서 부드러운 효과를 보지 못하는 경우가 자 aproid.github.io yceffort blog - CSS 성능 향상시키기 https://yceffort.kr/2021/03/improve-css-performance#css%EB%8A%94-%EC%96%B4%EB%96%BB%EA%..

[ JS ] 문자열내의 특정 문자열 모두 대치하기

0. 개요 js로 프로젝트 진행 중 최근에 새롭게 업데이트된 문자열 메서드를 공부하고 적용하고자 이 글을 작성함 1. 학습목적 문자열에서 특정 문자열을 모두 대치하는 다양한 메서드 확인 실전에서 활용 가능한 다양한 문자열 치환법 학습 2. 학습내용 js에는 prototype을 통해 지정된 다양한 메서드들이 존재합니다. 이 메서드를 통해 어렵게 구성해야 할 코드들을 간단하게 만들 수 있습니다. 만약 문자열에서 특정 문자를 찾고자 한다면, 우린 단순히 indexOf 라는 메서드를 통해 문자 내 특정 문자의 위치를 쉽게 찾을 수 있습니다. "abcdefg".indexOf(c) // 2 하지만 indexOf 메서드가 없다면? function findIndexOfChar ( base_string, characte..

[ API ] 프로젝트 API 문서화 DEVLOG

# Reference LINE Engineering - 문서 엔지니어링과 API 문서화 by 전정은 https://engineering.linecorp.com/ko/blog/document-engineering-api-documentation/ 문서 엔지니어링과 API 문서화 - LINE ENGINEERING 테크니컬 라이터(technical writer)라는 말을 들으면 대부분 '라이터'라는 단어만 보고 '글 쓰는 사람'이라 생각하기 십상입니다. 물론 틀린 것은 아니지만, 실상 키보드를 두드리며 글 쓰는 일이 테 engineering.linecorp.com API 레퍼런스 문서 제작 트렌드 및 도구 조사 by 지단로보트 https://jsonobject.tistory.com/355 API 레퍼런스 문서..

[ Server ] CSP

배경지식 * HTTP: HyperText Transfer Protocol의 약자로, 인터넷에서 정보를 송수신하는 프로토콜 (규약)입니다. HTML문서 송수신에 주로 사용됩니다. * REST API: Repersentational State Trasfer API의 약자로, REST라는 규칙에 맞춰 개발 및 제공되는 API를 말합니다. * API: Application Programming Interface의 약자로, 특정 서비스나 응용 프로그램에서 자신들의 서비스 내부의 기능들을 제어할 수 있도록 만들어놓은 인터페이스를 말합니다. * XSS (Cross Site Scripting): 웹 애플리케이션에서 관리자가 아닌 권한이 없는 사용자가 웹사이트에 스크립트를 삽입하는 공격을 말합니다. HTML input ..

[ Server ] CORS

배경지식 * HTTP: HyperText Transfer Protocol의 약자로, 인터넷에서 정보를 송수신하는 프로토콜 (규약)입니다. HTML문서 송수신에 주로 사용됩니다. * REST API: Repersentational State Trasfer API의 약자로, REST라는 규칙에 맞춰 개발 및 제공되는 API를 말합니다. * API: Application Programming Interface의 약자로, 특정 서비스나 응용 프로그램에서 자신들의 서비스 내부의 기능들을 제어할 수 있도록 만들어놓은 인터페이스를 말합니다. 교차 출처 리소스 공유 (Cross Origin Resource Sharing) 한마디로 "다른 사이트에 있는 데이터를 함부로 사용할 수 없는 정책"입니다. 웹상에 존재하는 데이..