본문 바로가기
반응형

개발자

 (12)
[생활코딩] MySQL 7강, 8.1강, 8.2강, 9강 (Table의 구조와 생성) MySQL의 구조 데이터를 진행하는 최종적인 지점은 '표(Table)'다. 정보가 표에 저장이 된다. 표가 많아지면, 많아진 표들을 잘 정리정돈할 필요가 필요해진다. 파일에서 디렉토리 같은 것들이 필요해지는 것과 유사! 연관된 표들을 그룹핑해서, 연관되지 않은 표들과 분리하는 파일의 폴더 같은 개념이 있다. 이렇게 표들을 그룹핑 한것을 데이터베이스(Database)라고 한다. 의미가 좀 헷갈릴 수 있기 때문에 스키마라는 표현으로 쓴다. 스키마(데이터베이스)= 연관된 데이터들을 그룹핑한 것 *스키마 안에는 표들이 있다~* 데이터 베이스를 이해하는 가장 기본적인 요소 데이터베이스 서버라는 프로그램인 mysql을 우리는 설치한 것이고, 그 프로그램이 갖고 있는 기능성을 이용해서 데이터 와 관련된 여러가지 작업..
[생활코딩] Database1, Database 2_MySQL (Database의 탄생, spreadsheet와 mysql의 차이, mysql 다운로드 받고 실행시키기) 정보기술의 심장, Database의 등장 데이터가 중요한 이유는, 데이터를 가공해서 다양한 일을 할 수 있기 때문이다. 인터넷에 연결된 웹과 앱을 통해 소식과 지식을 전파할 수 있고, 빅데이터나 인공지능과 같은 기술을 이용해서 대규모의 데이터로부터 통찰력있는 분석결과를 뽑아낼 수 있기 때문이다. 이를 위해서는 데이터를 저장하고 꺼낼 수 있어야 한다. 우리가 사용할 수 있는 첫번째 수단은 File이다. File은 배우기가 쉽고, 어디에서나 사용할 수 있고, 이메일이나 메신저를 이용해 간편하게 전송도 가능하다! 그러나 성능, 보완, 편의성에 한계를 지닌다. 이를 극복하기 위해, 고안된 전문화된 소프트웨어가 Database다. Database를 이용하면 소중한 데이터를 안전하고 편리하고 빠르게 보관하고 사용할..
WEB2- Javascript 7강(변수와 대입 연산자) 변수와 대입 연산자 x 변수(Variable) = 대입연산자 1=2; 라고 했을 때 오류가 뜨는 이유는 1과 같은 것들은 변수가 될 수 없는 애들, 즉, 'constant'이기 때문이다. 1은 언제나 1이여야만 하므로 오류가 뜬거다. 변수를 왜쓰는가? 변수가 없다면, 프로그래밍은 공식을 쓸 수 없을 것이다. 변수를 이용해 한번에 글자 변경도 가능! 변수를 사용할 때는 코드 쓸 때 앞에 var을 붙여주도록 한다.
[생활코딩] 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 선을 더 쭈욱 내리고 싶은데 흠.. 어떻게 할 수 있을까? 다음 강의를 ..
AngelHack Seoul 2020 엔젤핵 해커톤 4일차_Maker가 되느냐, 어설픈 전략가로 남느냐, 전략적인 Maker가 되느냐 우리의 감정곡선은.. 우리의 감정곡선은 정확히 저 Prototyping 단계의 바닥으로 향하고 있었다. 엄밀히 말하면 나의 감정곡선이 그랬던 것 같다. 개괄적인 프로젝트 아이디에이션이 나온 이후, 피크를 찍었던 우리의 감정상태는 구체화 단계로 들어서면서 삐그덕 삐그덕하더니 급하강했다. 사실 우리 프로젝트는 3일차였지만, 월요일을 거의 재낀 상태였다. 최종 제출 마감일은 일요일 자정이었다. 개괄적인 아이디어가 나오기까지 화요일, 수요일 이틀이 걸렸다. 원래는 수요일~목요일까지 기능구조도와 화면설계가 나오는 것이 목표였으나 수요일에 아이디어 구체화에 돌입하면서 약간의 난항을 겪기 시작했다. 나와 산이 멘토링을 받고 와아!했던 것이 바로 수요일 자정즈음이었다. 수요일 자정, 나와 산이 발견한 기획 단에서의 현..
[생활코딩] WEB1 - 19강( 19, 19.1.1, 19.1.2, 19.1.3_ 웹서버, Apache, bitnami, 웹브라우저, 통신) 19. 웹서버 운영하기 웹서버라는 제품 군에는, 여러 제품이 있다. Apache, IIS, Nginx, ...등 우리는 아파치를 쓸것! 오픈소스고 무료다! 단 한번도 일등의 자리를 빼앗긴 적이 없는..! "how to install apache http server OS(window, mac, etc)" 이고잉쌤이 그런 말씀을 해주셨다. 컴퓨터를 만든(?) 어떤 천재 수학자에게 수학을 잘하는 방법을 물어봤더니, 수학을 잘하게 되는 게 아니라 익숙해지게 되는거라는 대답을 했다는 것이다. 우리는 이 웹과 인터넷의 무한한 세계에서 19. 1.1 웹서버 설치(윈도우)_ Apache 윈도우에 설치하기 how to easy install apache on window > bitnami wamp stack 아파치를 ..
728x90
반응형

티스토리툴바