본문 바로가기

반응형

분류 전체보기

(240)
[생활코딩] WEB2- Javascript 1강, 2강, 3강, 4강, 5강, 6강(script, event, console, Datatype_string 문자열과 숫자) Hello Javascript html은 정적이다. 사람들은 웹페이지도 게임처럼 동적으로 상호작용할 수 있기를 바라게 되었다. 웹은 html로 만들고, Javascrpit를 얹어서 html의 정보와 자바스크립트의 기능을 모두 갖춘, 전무후무한 유일무이한 시스템으로 성장했다! html이 정보라는 멈춰있는 이미지를 그리는 것이라면, 자바스크립트는 마치 영화처럼 움직이게 한다! 댓글에 누가 그런 말을 남겼다. dog=html beautiful=css 즉, Beautiful dog = html + css 거기다 "bark'라는 Javascript. 즉, A beautiful dog barks = html+css+js [생활코딩] 자바스크립트 편은, 기능을 구현하는 과정에서, 필요한 문법을 챙겨가는 여정이다. 즉..
국내 탑 헤어디자이너 '차홍'이 시대를 읽는 법 (feat. 방황하는 이 시대의 철학과 학부생들에게) 진지한 철학도는 자라서... 학부 때 니체와 하이데거에 푹 빠져 인간과 삶의 본질에 대해 탐구하고 고민하던 내 모습을 나는 기억한다. '계몽이란 무엇인가', '인간은 왜 예술을 할까'와 같은 주제를 두고 같은 과 친구와 몇 시간이고 토론하던 나는 요즘 새로운 단어들과 부쩍 가까워졌다. 프로덕트, 서비스, 앱, 웹, 시스템, 비즈니스 모델, 돈, 데이터, 데이터베이스, UX, 코드.... '인간'에 대해 알고 싶었던 내가, 조금씩 '사용자', '소비자', '고객', '인적 자원'으로서의 인간에 대해 눈을 뜨게 된 것이다. 첫 전공 수업 때, 은퇴 직전의 노교수님께서 해주셨던 '인간은 Calculating하는 존재가 아니라 Reasoning하는 존재다.'라는 말에 깊이 감복한 나는, 학부 때 인간을 인적 자..
중간점검_Reset my Coding Roadmap Where Am I? and What do I need? 지금까지 [생활코딩]의 WEB1_html&Internet -> WEB2_CSS의 기본을 공부했는데, 퍼블리셔가 되고 싶은 것은 아니기에 개발 뒷단의 과정을 이해해보고자 한다. 깃허브에 지금까지 공부하면서 나름대로 push 하면서 했다. 두 가지 language를 사용했다. 너무 미약하여 차마 commit contribution은 옮길수가..좀 더 분발해서 나중에 올려보도록 하겠다. 앞으로는 이런 순서로 [생활코딩] 강의를 열심히 또 들어보고자 한다. My Coding Roadmap 잘해보장!
[생활코딩] WEB2 CSS_코딩의 핵심은 '중복 방지' 극단적인 상황을 가정해보라 수많은 html 페이지에서 동일한 을 적용해줘야 하는 상황, 만약 바꿔줘야 하는 동일한 내용이 1억개의 페이지에서 발생한다면?! 이 때의 끔찍함을 막아주기 위해, style.css라는 페이지를 따로 마련해주고, 기존 html의 사이에 들어있던 내용을 복사 붙여넣기 해준다. 그리고 태그가 있던 자리에 다음과 같이 입력해준다. style.css로 연결하고, 그 안에 들어있는 내용들을 소환해 마치 태그에 들어있던 것처럼 작동하렴~이라는 뜻이다. 바로 이렇게! style.css로 따로 빼주지 않을 때에는, 각각의 페이지에서 을 확인해줘야 했다. 즉, 코드의 길이가 길어졌을 때 일일이 확인하기 어려울 것이다. (가독성, 유지 /보수 높일 수 있어!) 웹페이지에서 개발자 도구 > sour..
[생활코딩] WEB2 CSS- 미디어쿼리 반응형 웹 반응형 디자인 Responsive Web! 수많은 형태의 화면에서 동작해야하는데, 그래서 여러가지 화면에 대응되는 웹페이지를 만들기 위해 고려해야한다. 다양한 환경에서 적응할 수 있는 이 기술들을 발전시킨 끝에, '반응형 디자인'이라는 최신 흐름까지 나타나게 된 것이다! 화면의 크기에 따라서 웹 페이지의 각 요소들이 반응해서 동작하게 되는 것이 바로 반응형 디자인이다. 이 반응형 디자인을 순수한 웹, CSS에서 구현하는, '미디어 쿼리'를 배워보겠다. 일단 이렇게 기본 세팅을 해놓고, 화면의 크기가 800px을 기점으로 반응형으로 변하게 해보는 것이다. @media() 라는 미디어 쿼리라는 표시를 해주고, ( ) 안에 '~일때'라는 값을 지정해준다. "화면의 width가 800px 이상일 때 ..
[생활코딩] WEB2 CSS -10강, 11강 (div와 grid) 1. 그리드 디자인을 위해 어떠한 의미도 담지 않은 태그가 필요한 순간이 있다. 무색무취의 태그 => 블럭 엘리먼트 => 인라인 엘리먼트 CSS에도 부모자식 태그가 가능하다 id값을 주어 묶을 수 있다! 드디어 그리드 사용 등장! disply: grid; grid-template-colums: ___ ____ 이 전체 문서 중, 이 부분에 주목해보자 일부러 그리드의 영역을 확인하기 위해 solid pink와 gray로 표현했다. grid -template-columns을 주었을 때 요렇게 변하는 군! 이 내용을 응용해서, 만들던 페이지에도 그리드를 적용해보았다! 바로 이렇게. 그런데 저 박스 크기만큼만 내려온 border-right 선을 더 쭈욱 내리고 싶은데 흠.. 어떻게 할 수 있을까? 다음 강의를 ..
♣ Euljiartfairprize♧ 디지털 광고 & 미디어플래닝은 처음이라..(feat. 핀즐 Pinzle) 회의 4주차, 우리는 무얼 하고있는가 을지아트페어의 기본 컨셉은, 'PLAY'다. 그림을 파는 신진작가들과 그림을 처음 구매하는 사람들의 '축제'이자 '어른들의 놀이터' 같은 곳이 되기를 바라는 것이다. 지난 시즌에도 그랬듯이, 작품을 구매하고 소장하는 경험의 진입 장벽을 낯추기 위해 조금은 가볍고, 친근하고, 위트 있는 방식의 콘텐츠들로 광고 커뮤니케이션을 진행하게 될 거다. 나의 역할은 JH와 함께 퍼포먼스 광고 예산을 가지고, 페이스북/인스타 광고 일정 & 계획을 수립하고 운영하는 것이다. 그중 광고 타겟 설정 및 광고에 필요한 소재 계획 수립이 나의 주요한 임무 중 하나다. 1)타겟에 따른 소재를 기획하면, 2)그에 맞게 SH가 광고 콘텐츠를 기획/제작하고, 3)정해진 일정에 따라 광고를 태우면서..
♣ Euljiartfairprize ♧을지아트페어프라이즈♣ 디지털 마케팅 홍보팀에 합류하다 어쩌다 ♣을지아트페어프라이즈♣ 시간은 어언 6월 19일로 거슬러 올라간다. 예전에 문화예술 전시 및 아트작업을 같이했던 아트크루 단톡방에 JH로부터 메시지가 왔다. JH은 작년, 중구문화재단이 후원하는 '을지아트페어프라이즈'라는 아트페어를 기획하고 성황리에 운영했었다. 10만원 균일가 아트페어 ‘2019 을지아트페어-프라이즈’ 성황리 종료… 작품 판매율 82% 달성10만원 균일가 아트페어 ‘2019 을지아트페어-프라이즈’ 성황리 종료… 작품 판매율 82% 달성 - 연미술계 최초 10만원 균일가 아트페어 ‘2019 을지아트페어-프라이즈’가 작품 판매율 82%를 거두며 성황리에 종료됐다.최근 들어 미술계에 대한 대중들의 관심이 높아질 징조들이 곳곳에서 보이��www.ymnews.co.kr올 해에 2회차를 진..

728x90
반응형