마이데이터 접수 + 제휴사들과의 계약을 앞두고 있는 시점 우리 회사를 소개할 페이지가 필요했다. 하지만 회사의 홈페이지가 검색 결과에서 낮은 순위에 노출되고 있어서 인지도가 떨어진다는 평가가있었고 우리 회사의 가치를 잘 나타낼 수 있는 공간인 홈페이지를 회의끝에 리뉴얼 하기로 결정이 났다. 현시점 홈페이지 리뉴얼 작업이 1차(?)적으로 마무리 되어 회고를 진행해보려 한다. 바닐라 자바스크립트에서 next로 ssg 환경의 정적페이지로 변경하면서 겪은 배포 이슈들을 중점적으로 다룰 예정이다.💣 기존 프로젝트의 문제검색 노출 이슈첫번째로는 우리의 사이트가 검색이 되지 않는 문제가 있었다. 우리는 대출 금리 비교를 해주는 서비스 회사이고, 여러 금융사들과 제휴를 하기 위해서는 우리의 회사를 소개해야 하는 입장..
💣 개요최근 프로젝트에서 화면 하단에 고정된 버튼을 구현하면서, 버튼의 위치가 동적으로 변경되지 않는 문제를 겪었습니다. 특히, 입력창(input)이 포커스될 때 버튼의 위치가 자동으로 조정되어야 했지만, 예상대로 동작하지 않아 사용자 경험에 문제가 발생했습니다. 1. 고정된 버튼의 위치 문제화면 하단에 고정된 버튼이 position: fixed 속성으로 설정되어 있어, 사용자가 input을 포커스할 때, 버튼이 키보드에 의해 가려지거나 위치가 적절히 변경되지 않아 사용성이 떨어졌습니다.2. 기존 해결 방법의 한계CSS만으로 문제를 해결하려 했으나, 다양한 화면 크기와 상황을 고려했을 때 고정된 bottom 값으로는 모든 상황에 적절히 대응할 수 없었습니다.이 문제를 해결하기 위해 React 포털을 도..
리드미 몬스터 서비스가 궁금하다면!서비스 둘러보기 : https://www.readme-monster.com/깃허브 둘러보기 : https://github.com/Readme-Monster/readme-monster/wiki 🏃🏻♂️ 시작하기사용자들이 자유롭게 피드백을 남길 수 있는 공간이 필요했습니다. 익명성을 보장하여 사용자의 직접적인 피드백을 듣기 위함입니다. 아래는 익명게시판 완성된 페이지 이미지 입니다.사용자는 게시판에 댓글을 남길 수 있으며, 댓글 목록은 실시간으로 업데이트됩니다. Firebase Firestore를 사용하여 데이터를 저장하고 불러옵니다.1. Import 및 초기 설정import React, { useState, useEffect } from "react";import {..
자기소개안녕하세요, 저는 항해플러스 1기 수료한 이지홍입니다. 대학에서는 멀티미디어공학을 전공했고, 그 후 2년동안 다양한 IT 부서에서 근무습니다. 특히 프론트엔드 개발에 흥미를 느껴, 에이블리 익스턴십, 공모전 등 관련된 여러 부트캠프와 워크샵에 참여해왔습니다. 이러한 경험들은 제게 중요한 기술적 토대를 마련해 주었고, 결국 전문 프론트엔드 개발자로의 길을 선택하게 만들었습니다.항해 플러스에 들어오기 전, 프론트엔드 개발자로 일하며 갖고 있던 고민프론트엔드 개발자로 일하면서, 실무에서 발생하는 복잡한 문제들을 보다 효과적으로 해결하고 싶다는 고민이 있었습니다. 특히, 최신 기술 트렌드에 대한 깊이 있는 학습과 실전 경험의 부족이 항상 마음에 걸렸습니다. 또한, 효율적인 코드 작성과 성능 최적화에 대한..
정의postgreSQL은 오픈소스 객체-관계형 데이터베이스 시스템(ORDBMS)으로 Enterprise급 DBMS의 기능과 차세대 DBMS에서나 볼 수 있을 법한 많은 기능을 제공하는 오픈소스 DBMS다.PostgreSQL의 구조PostgreSQL은 클라이언트/서버 모델을 사용한다. 서버는 데이터베이스 파일들을 관리하며, 클라이언트 애플리케이션으로부터 들어오는 연결을 수용하고, 클라이언트를 대신하여 데이터베이스 액션을 수행한다. 서버는 다중 클라이언트 연결을 처리할 수 있는데, 서버는 클라이언트의 연결 요청이 오면 각 커넥션에 대해 새로운 프로세스를 fork한다. 그리고 클라이언트는 기존 서버와의 간섭 없이 새로 생성된 서버 프로세스와 통신하게 된다.참고 https://mangkyu.tistory.com..
CI/CD CI/CD란? CI/CD(Continuous Integration/Continuous Delivery)는 애플리케이션 개발 단계를 자동화하여 애플리케이션을 더욱 짧은 주기로 고객에게 제공하는 방법이다. CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제공, 지속적인 배포에 이르는 애플리케이션의 라이프사이클 전체에 걸쳐 지속적인 자동화와 지속적인 모니터링을 제공한다. 이러한 구축 사례를 일반적으로 “CI/CD 파이프라인”이라고 부르며, 개발 및 운영팀의 애자일 방식 협력을 통해 DevOps 또는 SRE방식으로 지원된다. CI/CD차이 CI는 개발자를 위한 자동화 프로세스인 지속적인 통합을 의미한다. 지속적인 통합이 제대로 구현되면 애플리케이션 코드의 새로운 변경 사항이 정기적으로 빌드 ..
- Total
- Today
- Yesterday
- Vue.js
- vue.js3
- 항해플러스프론트엔드
- 로그인 인증
- loadbalancer
- 빅오표기법
- reactnative
- focus와blur
- 이벤트리스너
- event종류
- vue3
- Vuex
- 항해플러스후기
- useState
- 더미데이터
- store.js
- eventListner
- 레포지토리패턴
- React18v
- 웹훅
- 항해솔직후기
- JWT토큰
- Http통신
- 디바운싱
- http
- Repository pattern
- props
- 이벤트버스
- react
- 알고리즘
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |