부제
1. 읽으면서 입문하는 모두의 컴퓨테이셔널 디자인 & 크리에이티브 코딩
2. 디자이너도 이해할 수 있는 코딩 & 프로그래밍
3. 디자이너라면 반드시 알아야 하는 코딩 & 컴퓨테이셔널 디자인
4. 디자인 & 컴퓨테이션 입문서
5. 데이터 & 디자인
6. 4차 산업혁명 & 디자인 도구
대상
1. 코딩이 궁금한 디자이너분들
2. 디자이너 지망생, 실무자, 교육자, 연구자분들
3. 크리에이티브 코딩 실습 전에 기초 지식과 학습 방법이 궁금한 분들
4. 컴퓨테이셔널 디자인을 적용하려는 실무자, 혹은 도입하려는 관계자들
5. 4차 산업혁명과 디자인 데이터 그리고 코딩이 궁금한 분들
6. 딱딱한 이론보다 디자이너에게 익숙한 예와 쉬운 설명을 원하는 분들
7. 디자인 방법론 코딩이 궁금한 개발자, 혹은 프로그래머분들
8. 컴퓨테이셔널 디자이너로서 좀 더 깊이 있는 공부 방향성을 잡고 싶은 분들
9. 컴퓨테이셔널 디자인을 통해 디자인 엔지니어링을 하고 싶은 분들
들어가면서...
왜 디자이너가 코딩을 배워야 할까요?
초 연결, 초 지능, 인공지능, 머신 러닝, 빅 데이터, 클라우드, 에지 컴퓨팅, 사물인터넷, 5G, 자율주행, 병열 연산, 블록체인 등, 다양한 4차 산업혁명 키워드가 있고, 각 계층의 다양한 산업들은 빠르게 변화하며 새로운 패러다임에 적극적으로 대응을 하고 있죠. 이러한 상황에 디자이너는 어떤 준비와 변화가 요구될까요? 4차 산업의 쌀인 데이터(디자인 데이터)를 활용하기 위해서 디자이너도 코딩이라는 도구를 배워야 해요.
코딩 없이 교양처럼 쉽게 시작할 수 없을까요?
‘읽으면서 이해하는 디자이너를 위한 코딩’ 형태로 컴퓨테이셔널 디자인을 이야기해 보려고 해요. 일반적으로, 코딩Coding하면, 따라 하기 튜토리얼이 주류를 이루고 있죠. 그도 그럴 것이 실습해 보고 그 과정에서 이해와 깨달음을 챙겨가는 것이 사실이죠. 하지만 이 책에서는 코딩 없이 읽으면서 입문하는 것을 목적으로 하고 있어요. 이론과 개념을 먼저 이해하고, 종합적인 지도를 만들어 새로운 기술과 기회의 패러다임을 타고 넘을 수 있도록, 코딩을 공부하기 원하는, 코딩에 익숙하지 않은 디자이너를 돕고자 해요.
코딩, 전공이 아닌데도 알아야 할까요?
요즘 많은 디자이너들이 디자인과 코딩, 데이터와 인공지능, 컴퓨테이셔널 디자인 분야에 관심을 보이고 있어요. 전문적인 깊이 까지는 아니더라도, 대화가 가능한 수준의 이해와 컴퓨테이셔널 디자인의 가능성에 대해서 궁금해 하시죠. 과거에 전통적인 디자인에서는 프로그래밍Coding & Programming을 컴퓨터 공학의 한 분야로 생각했었죠. 하지만 과거에 수기로 기록을 하던 것들이 도구의 발전으로, 한글, 워드, 엑셀을 사용하는 것처럼 이제는 그 분야가 전공이 아니더라도, 반드시 알고 이해해야 하는 시대, 곧 데이터 기반 사회가 오고 있는 것이죠.
보다 전문적으로 공부해 보고 싶다면?
학생, 연구자, 교육자, 실무자분들이 본격적으로 디자인을 위한 코딩 공부에 앞서 원리와 개념, 그것들의 연결고리를 파악하여 전체적은 구조를 알고 학습을 시작할 경우 효과적이고 선택적인 학습이 가능하죠. 코딩은 다양하게 사용되는 도구이기 때문에 나의 관심사와 목적에 맞게 어떻게 수준을 높여 나갈 것인가에 대한 전략이 필요해요. 필자의 국내외의 현장 경험, 강의, 연구, 실무를 통해서 느낀 피드백들을 정리하여 학습 자료가 충분하지 않은 상황에서, 시작하는 분들에게 적합한 시작 지점과 방향을 잡을 때 유용한 학습 지도가 되기를 희망해요.
안녕하세요:) 저자 이남주입니다!
2008년 “건축 영상 프레젠테이션” 집필 후 13년 만에 책을 통해서 여러분들과 다시 만나
CHAPTER 1 재료, 도구, 디자인 Material & Tool & Design
1 재료, 도구 그리고 디자인 Material & Tool & Design
1.1 도구와 기술의 발달 Tool & Technology
1.2 재료와 도구 그리고 디자인 Materials & Tool & Design
1.3 데이터 Data as Materials
1.4 데이터: 현상의 압축 & 통찰의 향연
! 4차 산업, 디자인, 코딩
! 데이터를 위한 코딩
! 고 수준: 하이 레벨 High-level & 저 수준: 로우 레벨 Low-level
2 도구: 컴퓨터 & 소프트웨어 Tool: Software
2.1 속도 Performance
2.2 지식과 기술의 합, 소프트웨어 Knowledge + Technology : Software
2.3 실제 도구에서 가상 도구 Physical Tool to Digital Media
2.4 현상에서 시스템 Phenomenon to System
2.5 애플리케이션에서 퍼스널라이제이션 Application to Personalization
2.6 소프트웨어에서 커스터마이제이션 Software to Customization
! 지식의 빈익빈 부익부
! GUI: 볼 수 있는 것은(것만) 조작할 수 있다.
CHAPTER 2 디자이너에게 코딩이란 Coding for Designers
3 디자이너가 왜 코딩을 해야 할까?
3.1 창의성의 도구? Code for Creativity
3.2 자동화의 도구? Code for Automation
3.3 최적화의 도구? Code for Optimization
3.4 데이터 때문에? Code for Data
3.5 디자인 방법론 때문에? Code for Design Methodologies
! 컴퓨터를 사용하는 것은 창의적이지 못하다?
! 쉽고 간단한 소프트웨어의 함정 & 공부 방법
4 디자이너가 코딩을 해야 하는 이유
4.1 일할 수 있는 일꾼을 만든다 Code for Automation
4.2 균일한 품질 유지를 도와준다 Code for Quality Assurance
4.3 실험적 작업 Code for Experimentations
4.4 문제로서의 디자인 Code for Design Issues
4.5 솔루션으로서의 디자인 Code for Design Solution
4.6 데이터로의 디자인 Data-Driven Design Process
4.7 다양한 커리어 패스를 만들 수 있다
4.8 진입 장벽을 높여준다
4.9 경쟁력을 준다
4.10 컴퓨테이셔널 사고 Computational Thinking
! 실력 그리고 경쟁력이란?
! 미래를 예측할 때: 변화하는 것 그리고 변화하지 않는 것
CHAPTER 3 코딩 & 컴퓨테이셔널 디자인 활용
5 큰 스케일에서
5.1 지리정보 데이터 Geographic Information System
5.2 빅 데이터: 제3의 공간 Third Place Analysis
5.3 네트워크 분석 Network Analysis
5.4 공간 정보의 보간 Interpolation
5.5 이미지 프로세싱 & 리모트 센싱 Raster Data & Remote Sensing
5.6 궁극의 디자인 옵션 The Best One
5.7 최적의 디자인들 Optimal Options
6 작은 스케일에서
6.1 시각화 도구로의 기하학 Geometry
6.2 분석도구로의 기하학 Geometry
6.3 재료 Material 와 디자인
6.4 패널의 패턴
6.5 모듈의 배치
6.6 디지털 패브리케이션 & 로봇틱스 Digital Fabrication Robotics
! 전공 용어를 쓰는 이유
7 시뮬레이션 영역에서
7.1 건축 구조 & 에너지 시뮬레이션
7.2 이산화: 공간 단위 분할 Dense
7.3 이산화: 점 Particle 단위로 분할 Sparse
7.4 시뮬레이션 도구로 기하학 Geometry
7.5 환경, 조경, 시뮬레이션
8 가상 영역에서
8.1 웹사이트 Web Design & Coding
8.2 가상현실 & 증강현실 VR & AR
8.3 메타버스 Metaverse
9 시각화 영역에서
9.1 시각디자인 & 모션 그래픽 Visual Design & Motion Graphics
9.2 디자인 시각화 Design Visualization
9.3 테크니컬 아트 Technical Art
9.4 미디어 아트 & 크리에이티브 코딩 Creative Coding
9.5 데이터 시각화 Data Visualization
9.6 트레이싱 & 매핑 Tracing & Mapping
9.7 클러스터링 Geo processing & Clustering
10 인공지능 영역에서
10.1 이미지 Image & Raster Data
10.2 머신 러닝, 숫자 Numeric 데이터, 시각 Perception 데이터
10.3 데이터: 스마트 드로잉 & 커맨더
10.4 복셀과 머신 러닝 Volumetric Representations & Machine Learning
! 인공지능에 대한 하나의 단상
11 더 다양한 영역으로
11.1 데이터 기반 사회와 산업의 변화
! 그 많은 것 언제 다 하나 1: 기초의 중요성
! 컴퓨테이셔널 디자인의 현재와 미래
CHAPTER 4 코딩 & 디자인 Coding & Design
12 디자인 & 코딩 & 프로그래밍
12.1 코딩을 통한 디자인
12.2 코딩이란 Coding
12.3 프로그래밍이란 Programming
13 디자인 & 컴퓨테이션 Design & Computation
13.1 컴퓨테이션 Computation
13.2 형태 Shape
13.3 좌표계 Coordinate System
13.4 색 Color
13.5 디자인 데이터 & 정보 Design Data & Information
13.6 알고리즘 Algorithm
13.7 애플리케이션 프로그래밍 인터페이스, API
13.8 프로그래밍 Programming
! 비트맵 vs 벡터 그래픽스 그리고 데이터
14 프로그래밍 패러다임 & 디자인을 위한 코딩
14.1 프로그래밍 패러다임 Programming Paradigms
14.2 절차지향 & 룰 베이스 디자인 Procedural Design & Rule-based Design
14.3 파라메트릭 디자인 Parametric Design
14.4 알고리즈믹 & 제너레이티브 디자인 Algorithmic & Generative Design
14.5 에이전트 베이스 디자인 Agent-based Design
14.6 그 밖에 적용...
! 컴퓨테이셔널 디자인(디자이너)의 보편적 인식과 오해
! 컴퓨테이션으로 만들어진 건축물?
CHAPTER 5 컴퓨테이셔널 사고 Computational Thinking
15 컴퓨테이셔널 사고
15.1 컴퓨테이셔널 사고 주요 개념 Computational Thinking: Key Concepts
15.2 암묵에서 명시로 From Implicit to Explicit
! 메타인지Metacognition와 컴퓨테이셔널 사고, 디자인
16 컴퓨테이셔널 디자인 사고 Computational Thinking for Design
16.1 분해와 패턴: 디자인 방법들
16.2 명시적 기술: 알고리즘
16.3 명시적 기술: 변수 & 파라미터 Variables & Parameters
16.4 알고리즘의 특징이 무엇 일가요?
16.5 디자인 & 도구로서의 코딩
! 디자인 전공생의 걱정, 선택, 미래
17 컴퓨테이셔널 디자인 적용 & 방법론
17.1 가설, 상상, 질문하기 Question & Imagination & Hypothesis
17.2 방법론 & 접근법 The Methodology & Approach
17.3 정책 The Manifesto & Policy
17.4 구현 Implementation
17.5 공간 정보 Spatial Data Manipulation
17.6 도구 & 원칙 The Tool & The Principle
17.7 요약 Summary
! 알고리즘 학습 방법
! 왜 컴퓨테이셔널 디자인에 배타적일까?
18 수학, 가장 엄밀한 언어 Numerical Description as Design Tools
18.1 엄밀함
18.2 수 체계
18.3 수학의 추상화
18.4 상상의 도구 수학
18.5 수학과 공간 정보
18.6 코딩 공부에 필요한 능력? 수학력?
! 난수Random에 대한 단상
! 언어와 사고의 도약
CHAPTER 6 코딩, Coding
19 코딩, 무엇을 어떻게 기술Description 하나?
19.1 디자이너에게 필요한 언어
19.2 그래서, 어떤 언어를 써야 해?
19.3 계산 그리고 ‘=’의 의미와 중요성
19.4 상태와 메모리 State and Memory
19.5 비교와 반복 Conditional Statement & Loop
19.6 논리 덩어리, 함수 Function
19.7 흔한 실수
! 파이썬 Python 언어 공부 방법
! 디자이너를 위한 C# 공부 자료
20 코딩: 정보와 행위의 정의
20.1 프로그래밍의 본질
20.2 객체 Object
20.3 디자인 객체 Object
20.4 벡터 데이터 & 행위 Vector
20.5 데이터 구조로서의 지오메트리 Geometry as Data Structure
! 속도와 메모리 관리
21 코딩: 공간 정보 & 파이프라인
21.1 자료구조: 선형 & 비선형 구조 Data Structure
21.2 공간 정보 그리고 이산화 Discretization
21.3 그래프 데이터 구조: 위상 정보 Topology
21.4 픽셀 데이터 구조: 연속 정보
21.5 공간 나누기 Partition
21.6 소프트웨어 아키텍처: 데이터 파이프라인
22 버그와 디버그 Bug & Debug
22.1 버그의 분류 Types of Software Bugs and Errors
22.2 디버깅의 자세
22.3 고무 오리 디버깅 Rubber Duck Debugging
22.4 코딩 학습 요약 그리고 나아갈 방향
! 브루트 포스Brute Force & 몬테카를로Monte Carlo 방법론
CHAPTER 7 학습 방향 Study Plans
23 코딩 학습 방법
23.1 가장 익숙한 도구 / 환경에서부터 시작하자
23.2 추천하지 않는 학습 방법
23.3 디자이너로서, 컴퓨테이셔널 디자인을 어떻게 공부할까?
! 그 많은 것 언제 다 하나 2: 학습전략
! 컴퓨테이셔널 디자인 수업 방식: 스튜디오 형식 VS 강의 형식
24. 컴퓨테이셔널 디자인 테크트리
24.1 더 높은 수준의 컴퓨테이셔널 디자인 학습 스텝
24.2 컴퓨테이셔널 디자인 스페셜리스트 Computational Design Specialist
24.3 디자인 엔지니어링 Design Engineering
24.4 소프트웨어 엔지니어링 Software Engineering
24.5 소프트웨어 엔지니어링 VS 소프트웨어 디벨롭먼트
! 생각의 점유율과 Deep Thinking
! 컴퓨테이셔널 디자인 이론에 대한 단상
25 데이터
25.1 DIKW 피라미드 다이어그램 Data, Information, Knowledge, Wisdom
25.2 데이터로의 인식 Qualitative Data & Quantitative Data
25.3 데이터의 분류
25.4 데이터로의 기록 & 가공
25.5 전공지식과 경험 Domain Knowledge & Experiences
! 창작, 미적 영역도 데이터화가 가능할까?
CHAPTER 8 학습 자료 Study Materials & References
26 강의와 워크숍을 대하는 자세
26.1 시작하는 단계
26.2 중급
26.3 고급
27 강의 자료
27.1 컴퓨테이셔널 디자인 수업 Computational Design & Creative Coding
27.2 질의응답 시리즈 QnA
28 워크숍 참조 자료 Workshop Materials
28.1 디자이너를 위한 파이썬 워크숍 Python for Design Scripting
28.2 디자이너를 위한 C# 디자인 스크립팅 C# for Design Scripting
28.3 유니티를 디자인 스크립팅 & 시각화 Unity for Design Script & Viz
28.4 웹 환경에서의 디자인 스크립팅 Design Scripting on Web
28.5 디자인 데이터 Design Data
28.6 디자인을 위한 인공지능, 머신 러닝, 데이터 AI, ML, Data for Design
28.7 컴퓨테이셔널 디자인 워크숍 Computational Design Workshop
28.8 CAD 디자인 소프트웨어 구축 Stand-alone CAD Software Development
28.9 디자인 시각화 & 소프트웨어 활용 Design Visualization & CAD Software
28.10 디자인 시각화 Design Visualization
29 컴퓨테이셔널 디자인 프로젝트 예제
29.1 디자인 & 컴퓨테이션 프로젝트 Design & Computational Project
29.2 컴퓨테이셔널 디자인 알고리즘 Computational Design Works, Work Snippet
29.3 연구, 기고 글 Research & Publication
29.4 하버드, MIT 연구 작업 Studies & Research & Lab
30 토크 & 인터뷰 Talk & Interview
30.1 디자인 & 컴퓨테이션 토크 Design and Computation Talk
30.2 빔 & 벨류 엔지니어링 Bim & Value Engineering
31 참조 프로젝트 링크
31.1 엔제이 프로젝트 시리즈 NJ's Project Series
31.2 KICDT 학회 Korean Institute of Computation, Design and Technology
31.3 엔제이의 컴퓨테이셔널 디자인 시리즈 NJ's Computational Design Series
