인기
-
[Do it] 화면 정의서
1. 기획자는 화면정의서로 말한다 - SB/화면기획안/화면설계서 등으로 불린다. 화면정의서는 청사진이다. - 웹사이트의 기능과 정책 등을 모두 반영한 주요 산출물이다. - 기획자는 앞으로 발생할 모든 문제점을 미리 고민하여 대책을 세우고, 발생하는 경의 수를 예상하여 화면 정의서에 해결책을 담아야 한다. - 디자이너 퍼블리셔 개발자 모두가 이거만 보고 기획자의 역량을 파악한다. 기획에 뜻이 있다면 목숨걸고 만들어야 할 문서. 화면정의서는 작업지침서다. - 웹사이트의 모든 움직임을 상세히 담아야 한다. - 화면정의서는 소통의 문서이므로, 디자이너/퍼블리셔/개발자의 입장에서 고민하는 습관이 중요하다. - 한번 더 검토하기 : 본문의 설명은 오해가 없도록 명확히 작성하는 것이 중요하다. - 깔끔하게 작성하기 ..
2024.02.19
-
[Do it] 이용자 화면 설계 1
1. 헤더 설계 요령 - 경우에 따라 타입을 변경하여 몇 가지를 구분하여 설계한다. (회원가입이 있는 경우 등) - GNB는 왼쪽부터 중요한 순으로 배치한다. - 로그인 전 화면에는 웹사이트의 특징을 강조해서 회원가입을 유도하는 것이 좋다. - 홍보메시지나 메뉴구성도 로그인 전과 후로 나눠서 설계할 수 있다. - 유틸리티메뉴는 GNB의 보조역할(로그인/회원가입/마이페이지 등)로 사용한다. - 마우스 호버 옵션을 사용해서 서브메뉴를 구성하기도 한다. 2. 푸터 설계 요령 - 가장 하단에 위치하며, 상단에서 제공하지 않는 서비스 중 이용 빈도나 중요도 낮은 메뉴를 주로 배치한다. - 이용자에게 추가로 알리고 싶은 정보, 법률 표기 사항 등이 있다. - 회사 소개 / 이용 약관 / 개인정보 처리방침 / 인재 ..
2024.02.19
-
[Do it] 기획에 필요한 주요 문서
1. 기능 정의서 기능정의서란 - 웹사이트를 제작할 때 필요한 주요 기능을 정리해놓은 문서이다. - 웹사이트의 규모나 기능을 빠르게 알아보기 위해서 반드시 필요하다. - 의뢰사와 제작사가 하나의 기능을 서로 다르게 이해하지 않도록 명확하게 작성한다. - 기능정의서를 기준으로 비용을 산출하므로 난이도와 작업시간을 어느정도 알아두면 좋다. - 총 작업기간을 산출해볼 수 있다. 클라이언트는 언제끝나는지 하루종일 물어본다. 문서화해두고 업데이트하면 귀찮은 메일을 덜 받을 수 있다. 기능정의서 작성하기 - 한 화면의 주요 기능을 하나씩 정리하는 것이다. - 화면이 그려지지 않은 상태에서 화면을 유추하며 기능을 하나씩 정리해야 하는 상황이다. - 웹사이트 구조 문서를 잘 정리해놓았다면 그걸 기준으로 정리해나가면 된..
2024.02.19
-
Node-Express 서버에서 CSRF 공격을 방어하는 방법
안녕하세요! 오늘은 Node.js와 Express를 사용하여 구축한 서버에서 CSRF(Cross-Site Request Forgery) 공격을 방어하는 방법에 대해 설명하겠습니다. CSRF 공격은 웹 사이트의 사용자가 자신의 의도와는 무관하게 공격자가 원하는 작업을 수행하도록 만드는 보안 취약점입니다. 이 포스트에서는 CSRF 공격을 방어하는 방법 중 하나인 CSRF 토큰을 사용하는 방법을 소개하겠습니다. 먼저, 필요한 패키지를 설치해야 합니다. csurf 패키지를 사용하여 CSRF 공격을 방어할 수 있습니다. 패키지를 설치하려면 다음 명령어를 실행하세요. npm install csurf 이제 csurf 미들웨어를 사용하여 CSRF 토큰을 생성하고 검증하는 코드 예제를 살펴봅시다. - 위 코드에서는 cs..
2023.03.31
-
[Lv.2] 피보나치 수 (오버플로우 현상)
1. 문제 피보나치 수는 F(0) = 0, F(1) = 1일 때, 1 이상의 n에 대하여 F(n) = F(n-1) + F(n-2) 가 적용되는 수 입니다. 예를들어 F(2) = F(0) + F(1) = 0 + 1 = 1 F(3) = F(1) + F(2) = 1 + 1 = 2 F(4) = F(2) + F(3) = 1 + 2 = 3 F(5) = F(3) + F(4) = 2 + 3 = 5 와 같이 이어집니다. 2 이상의 n이 입력되었을 때, n번째 피보나치 수를 1234567으로 나눈 나머지를 리턴하는 함수, solution을 완성해 주세요. 제한 사항 n은 2 이상 100,000 이하인 자연수입니다. 입출력 예 3 2 5 5 입출력 예 설명 피보나치수는 0번째부터 0, 1, 1, 2, 3, 5, ... 와 ..
2023.02.12
