Loading [MathJax]/jax/output/HTML-CSS/config.js

분류 전체보기

프로그램 초기화와 오류 수정 로직
시스템 2024. 1. 29. 02:31
프로그램 구동에 필요한 초기 상태를 준비하는 과정을 초기화 과정이라고 한다면, 초기화 과정에서의 오류 상태를 통해 관리자가 오류 상태를 파악하고 수정 방안에 대한 안내가 필요하다. 오류 상태에 대한 대처를 위해서는 프로그램 구동상에서 나오는 가능한 상태중 오류 상태에 대한 모든 부분들을 대비할 수 있어야 한다. 네트워크 연결 해체, 코드상의 오류, 널 참조 등등, 여러 가지 예외 상황에 대한 오류 상태를 개발자와 관리지가 알 수 있도록 해야 한다. 오류 상태에 대한 해결 책은 이미 여러 케이스별로 사전에 마련되어야 한다. 만약 프로그램이 여러 오류 상태에 대해 대비를 해야 한다면 개발자가 여러 상태에 대한 관리는 거의 불가능에 가능하다고 할 수 있다. 여러 구성 컴포넌트 각각이 아닌 여러 컴포넌트 간의 ..
물결 이동 애니메이션
IT 2024. 1. 28. 00:21
js에서 requestAnimationFrame함수를 활용하여 물결처럼 나아가는 움직임을 구현해보았다. 공의 움직임을 구현하기 위해, sin 함수를 사용하여 y축에 대한 공의 높이를 계산했으며, 진폭으로는 공이 진동하는 높이를, 주기로는 공이 움직이는 속도를 구현할 수 있었다. 그리고 자연스러운 움직임을 위해 requestAnimationFrame을 사용하여, 매 프레임마다 공의 위치를 계산하도록 했고, x축으로 450px이상 가면 애니메이션이 멈추도록 했다.
워드프레스 테마 수정 작업
시스템 2024. 1. 17. 19:58
워드프레스 테마를 구입한 후, 수정 작업은 대체로 콘텐츠만 채우는 경우가 많지만, 일부 페이지의 경우 테마에서 지원하지 않는 경우도 있다. 예를 들면, 내가 지금 작업하고 있는 테마의 경우, 엘리멘터를 사용하는데 내가 원하는 탭메뉴를 구현하기 위해서는 프로 라이선스를 구입한 후, 구현을 해야 하는 경우가 있다. 탭 메뉴의 경우 무료 버전에서도 지원을 하나, 단순 텍스트만 추가하는 경우에만 해당 되고, 안에 다른 엘리멘터 컴포넌트를 추가하기 위해서는 프로 라이선스가 필요하다. 따라서 겉으로 보이기에는 탭메뉴처럼 보이지만 동작은 탭메뉴처럼 동작하기 위해 다른 요소를 활용하게 된다. 나 같은 경우에는 텝을 버튼을 구현하고 각각의 메뉴 페이지를 구현한 후, 탭 메뉴를 클릭하면 해당 페이지로 이동하게끔 구현을 했..
도커에 워드프레스를 설치하고 서비스
시스템 2024. 1. 17. 00:43
자사 서버에 설치된 php를 업그레이드할 수 없어서, 도커에 최신버전의 환경을 구축하고, 워드프레스를 설치했다. docker compse를 사용하여 아래 yml파일을 구성했다. services: db: # We use a mariadb image which supports both amd64 & arm64 architecture image: mariadb:10.6.4-focal # If you really want to use MySQL, uncomment the following line #image: mysql:8.0.27 command: '--default-authentication-plugin=mysql_native_password' volumes: - db_data:/var/lib/mysql r..
참고 블로그 사이트 정리
IT 2024. 1. 15. 23:45
https://blog.jbee.io/react/Stop+Using+Atomic+Design+Pattern Stop Using Atomic Design Pattern - jbee.io ./images/stop-using-atomic-design.jpg 요즘 많은 프런트엔드 팀에서 디자인 시스템을 운영하는 것 같다. 그러면서 함께 들리는 용어 중 하나는 바로 Atomic Design Pattern 이다. 디자인 시스템을 만들고 이를 blog.jbee.io 아토믹 디자인 패턴을 사용하면서 원자, 분자, 유기체를 분리하는 기준이 사람마다 다름을 지적하고 있고, 이로 인해 오히려 코드가 나빠진다고 한다. 컴포넌트들을 합셩을 할 수 있도록 구성하는 것을 추천한다.

티스토리툴바