인기
-
[Do it] 화면 정의서
1. 기획자는 화면정의서로 말한다 - SB/화면기획안/화면설계서 등으로 불린다. 화면정의서는 청사진이다. - 웹사이트의 기능과 정책 등을 모두 반영한 주요 산출물이다. - 기획자는 앞으로 발생할 모든 문제점을 미리 고민하여 대책을 세우고, 발생하는 경의 수를 예상하여 화면 정의서에 해결책을 담아야 한다. - 디자이너 퍼블리셔 개발자 모두가 이거만 보고 기획자의 역량을 파악한다. 기획에 뜻이 있다면 목숨걸고 만들어야 할 문서. 화면정의서는 작업지침서다. - 웹사이트의 모든 움직임을 상세히 담아야 한다. - 화면정의서는 소통의 문서이므로, 디자이너/퍼블리셔/개발자의 입장에서 고민하는 습관이 중요하다. - 한번 더 검토하기 : 본문의 설명은 오해가 없도록 명확히 작성하는 것이 중요하다. - 깔끔하게 작성하기 ..
2024.02.19
-
[Lv.1] 비밀지도
1. 문제 2. 전략 1) 지도1과 지도2 배열 각각 10진수를 2진수로 변경하여 spread연산자로 펼쳐서 0과 1로 된 배열 생성 2) 생성된 지도1배열과 지도2배열을 비교하여 1이 존재하는 좌표는"#", 두 좌표 모두 0인 경우 0으로 치환 3) 각각의 배열을 array.join('') 으로 연결하여 출력 function solution(n, arr1, arr2) { var answer = []; let a1 = []; let a2 = []; // 2진수의 a1 배열 생성 for(i in arr1){ //정사각형이므로 arr1, arr2 둘다 같은수 반복으로 사용가능 a1.push([...arr1[i].toString(2)]) a2.push([...arr2[i].toString(2)]) } //00..
2023.01.31
-
[Do it] 웹사이트 기획 입문
1. 기획자로 생각 전환하기 - 기획자는 달성 목적(목표)을 설정하고 그 목적이 이루어질 수 있도록 연구하고 계획을 세우며 실행한다. - 목적은 의뢰자가 보통 설정하고 계획과 실행을 기획자가 진행한다. - 나는 의뢰자이면서 기획자이면서 퍼블리셔이자 개발자이므로 디자인을 제외한 모든 프로세스를 통달하기 위해 공부한다. - 그러니까 다 알아야지! 2. 목적 - 사람들에게 필요한 서비스가 무엇인지 고민한다. - 서비스가 회사에 가져다주는 이익은 무엇인가 - 서비스가 사람들에게 필요한 이유는 무엇인가 3. 계획 - 서비스 제공을 위해 필요한 것과 해야할 것을 나열해보고 필요한 시간을 가늠한다. - 서비스 출시로 얻는 기대효과와 예산 저울질을 잘해야 한다. 4. 실행 - 화면 기획, 디자인 ,퍼블리싱, 개발, 테..
2024.02.18
-
[O'REILLY] Node & Express - 20장 : 디버깅
1. 디버깅 원칙 - 디버깅은 보통 버그를 찾고 제거하는 작업이다. - 디버깅에서 가장 중요한 것은 '제외' 이다. 문제의 원인에서 제외해가며 남는 것이 범인이다. - 제외할 수 있는 것이 많을 수록 살펴봐야할 부분이 줄어든다. 2. 방법 - 코드 블럭을 주석처리하거나 비활성화해본다. - TDD 방법론을 통해 개발하여 단위테스트를 모두 제외하면서 디버깅할 수 있도록 한다. - 네트워크 트래픽을 분석해본다. - 직접 실행 입력을 해보고 QA해본다. - 버전관리를 통해 버그가 사라질 때 까지 앞뒤로 왔다리갔다리 하면서 테스트 해본다. - 복잡한 다른 시스템을 제외하고 버그부분만 똑 떼서 모킹해서 테스트 해본다. 3. 제외가 모든 것의 답은 아니다. REPL 활용 - 브라우저의 콘솔을 열면 REPL이 열린다...
2023.04.21
-
React - 3장 : 컴포넌트
3-1. 컴포넌트를 선언하는 방식 - 컴포넌트를 선언하는 방식은 크게 두가지이고 클래스형과 함수형이 있다. 1) 클래스형 컴포넌트 - 클래스형 컴포넌트에서는 render 함수가 꼭 있어야 하고, 그 안에서 보여주어야 할 JSX를 반환해야 한다. - state와 라이프사이클 API 사용이 가능하다. - 임의 메서드를 정의가 가능하다. import React, { Component } from 'react'; class App extends Component { render() { const name = 'react'; return {name}; } } export default App; 2) 함수형 컴포넌트 - 클래스형 컴포넌트보다 선언하기가 훨씬 편하다. - 메모리 자원도 클래스형 컴포넌트보다 덜 사용한..
2023.02.06
