본문 바로가기

분류 전체보기296

[Do it] 기획에 필요한 주요 문서 1. 기능 정의서 기능정의서란 - 웹사이트를 제작할 때 필요한 주요 기능을 정리해놓은 문서이다. - 웹사이트의 규모나 기능을 빠르게 알아보기 위해서 반드시 필요하다. - 의뢰사와 제작사가 하나의 기능을 서로 다르게 이해하지 않도록 명확하게 작성한다. - 기능정의서를 기준으로 비용을 산출하므로 난이도와 작업시간을 어느정도 알아두면 좋다. - 총 작업기간을 산출해볼 수 있다. 클라이언트는 언제끝나는지 하루종일 물어본다. 문서화해두고 업데이트하면 귀찮은 메일을 덜 받을 수 있다. 기능정의서 작성하기 - 한 화면의 주요 기능을 하나씩 정리하는 것이다. - 화면이 그려지지 않은 상태에서 화면을 유추하며 기능을 하나씩 정리해야 하는 상황이다. - 웹사이트 구조 문서를 잘 정리해놓았다면 그걸 기준으로 정리해나가면 된.. 2024. 2. 19.
[Do it] 웹사이트 구조 설계 - 웹의 정보구조설계를 완료하면 주요 메뉴를 추려 사이트맵을 구성한다 1. 준비단계 : '기능'의 의미 - 기능은 특정한 동작을 뜻한다. - 기능은 크게 프로세스와 엘리먼트로 구분할 수 있다. - 프로세스 : 이용자가 특정한 목적을 달성할 때 필요한 화면을 합한 것이다. (회원가입, 결제, 게시판 등) - 엘리먼트 : 화면을 구성하는 여러 요소 가운데 특정 기능을 수행하는 것이다. (에디터 기능, 옵션 기능, 등록 기능 등) 2. 1단계 : 프로세스나 정보를 화면 단위로 설계하기 - 기능의 성격과 이용자의 특성을 파악해 구성해야 한다. - 프로세스를 여러 화면으로 설계할 경우 : 게시판의 글 작성/수정/목록 등으로 나누는 거 - 프로세스를 한 화면으로 설계할 경우 : 한 화면에 담아야 편리한 경우도 있다.. 2024. 2. 18.
[Do it] 웹서비스의 구현 과정 1. 서비스 분석 - 앞으로 구현할 서비스를 분석/이해하고 사이트 구조를 설계한다. (요구사항 분석단계) - 서비스 분석단계에서는 구체적으로 구현서비스를 이해하고 화면 산출, 구조를 설계한다. 이를 정보 구조 설계 (IA) 라고 한다. - IA는 서비스에 필요한 메뉴를 정의하고 분류하여 그룹을 만드는 것을 말한다. - IA를 완료하면 그에 맞게 기능 정의서와 정책 정의서를 작성한다. 2. 화면 설계하기 - 화면구성을 설계하고 화면정의서를 산출한다. - 화면정의서 똑바로 안쓰면 디자이너/퍼블리셔/개발자 심지어는 PM도 뭐라 많이 한다. 님이 PM이면 상관없음 - PPT나 피그마로 하자 업계 표준이다. - 화면 설계단계에서 백엔드개발자가 서비스 기획안과 정보 구조 설계 문서, 기능정의서를 토대로 서버와 네트.. 2024. 2. 18.
[Do it] 웹사이트 유형별 개념 1. 브랜드 홍보형 웹사이트 - 가장 간단한 유형 - 화면과 구조 설계도 중요하지만, 담을 내용을 기획하는 데에 더 중점을 두어야 한다. - 기업의 핵심 가치나 상품의 매력을 소비자에게 설득력 있게 전달해야 한다. - 한 화면에 표현할 개념 요약해서 보여주기 : 많은 정보를 노출했을 때 오히려 소비자에게 좋지 않은 영향을 줄 수 있다. - 밀러의 법칙 : 보통 사람은 정보를 한 번에 최대 7개 정도밖에 저장할 수 없다는 이론이다. - 인지적 구두쇠 현상 : 인간은 기본적으로 깊게 생각하는 것을 싫어해서 선택지가 많으면 선택을 미룬다는 이론이다. - 힉의 법칙 : 선택지의 개수가 많아지면 의사 결정 시간이 오래 걸린다는 이론이다. - 결론적으로, 알려주고 싶은 사항이 많아도 중요도를 따져서 3~4개로 정리.. 2024. 2. 18.
[Do it] 웹사이트 기획자의 구분 1. 분류 서비스 기획자 (창의적 업무) - 세상에 필요한 서비스 생각하기 - 서비스 정의 - 수익 모델 설계 - 이용 프로세스 설계 - 산출물 : 서비스 기획서 구축 기획자 - 요구사항 분석 - 화면 설계1 : 이용 프로세스 정리 - 화면 설계2 : 화면 정의서 작성 - 디자인/퍼블 검토하기 - 개발 완료 후 테스트하기 - 산출물 : 화면 정의서 운영 기획자 - 놀고 먹겠지 뭐 - 사이트 운영에 필요한 업무 진행 - 상세화면 기획, 이벤트/마케팅/사업 지원 2. 상세 서비스 기획자 - 기업은 하나의 서비스를 탄생시키기 위해 많은 돈을 투자한다. - 즉, 실패하면 아니되옵니다. - 필요한 서비스 생각하기 : 기업의 전문 분야 내에서 생각하거나, 인터뷰를 진행하거나, 벤치마킹도 하고, 페인포인트를 찾으며 .. 2024. 2. 18.
[Do it] 웹사이트 기획 입문 1. 기획자로 생각 전환하기 - 기획자는 달성 목적(목표)을 설정하고 그 목적이 이루어질 수 있도록 연구하고 계획을 세우며 실행한다. - 목적은 의뢰자가 보통 설정하고 계획과 실행을 기획자가 진행한다. - 나는 의뢰자이면서 기획자이면서 퍼블리셔이자 개발자이므로 디자인을 제외한 모든 프로세스를 통달하기 위해 공부한다. - 그러니까 다 알아야지! 2. 목적 - 사람들에게 필요한 서비스가 무엇인지 고민한다. - 서비스가 회사에 가져다주는 이익은 무엇인가 - 서비스가 사람들에게 필요한 이유는 무엇인가 3. 계획 - 서비스 제공을 위해 필요한 것과 해야할 것을 나열해보고 필요한 시간을 가늠한다. - 서비스 출시로 얻는 기대효과와 예산 저울질을 잘해야 한다. 4. 실행 - 화면 기획, 디자인 ,퍼블리싱, 개발, 테.. 2024. 2. 18.
[SpringCore 핵심원리] 웹스코프 1. 웹스코프 - 웹 환경에서만 동작 - 프로토타입과 다르게 스코프의 종료시점까지 스프링이 관리한다. (종료메서드 호출 됨) - request : HTTP요청 하나가 들어오고 나갈때까지 유지되는 스코프 : 각각의 요청마다 별도의 빈 인스턴스가 생성되고 관리된다. - session : HTTP Session과 동일한 생명주기를 가지는 스코프 - application : 서블릿 컨텍스트와 동일한 생명주기를 가지는 스코프 - websocket : 웹소켓과 동일한 생명주기를 가지는 스코프 2. request 스코프의 예제 - Controller - MyLogger에 저장하는 부분은 컨트롤러가 아닌 공통처리가 가능한 스프링 인터셉터, 서블릿 필터를 활용하는 것이 좋다. - 웹과 관련된 정보는 서비스 계층에 넘어가.. 2024. 2. 18.
[SpringCore 핵심원리] Bean 스코프 1. 빈 스코프란 ? - 스코프 : 빈이 존재할 수 있는 범위 - 싱글톤 스코프 : 기본 스코프, 스프링 컨테이너의 시작과 종료까지 유지되는 가장 넓은 범위의 스코프 - 프로토타입 스코프 : 스프링컨테이너는 프로토타입 빈의 생성과 의존관계 주입까지만 관여하고 더는 관리하지 않음(초기화메서드까지만 함, 종료메서드가 호출이 안됨) - 웹 관련 스코프 : request : 요청이 들어오고 나갈 때까지 유지되는 스코프 : session : 웹 세션이 생성되고 종료될 때 까지 유지되는 스코프 : application : 웹 서블릿 컨텍스트와 같은 범위로 유지되는 스코프 2. 빈스코프의 등록 - @Scope("prototype") 이렇게 하면됨 - 프로토타입 스코프를 스프링컨테이너에 조회하면 스프링컨테이너는 항상 .. 2024. 2. 18.