본문 바로가기

분류 전체보기

(7)
제2강 javascript 변수 이제 자바스크립트를 본격적으로 배워보도록 하자. 코딩의 코자도 모르는 우리 코린이들이 코딩을 시작하게 되면 무엇이 가장 어려울까라고 생각해봤을때 나는 이 '변수' 라는 녀석이 가장 까다롭다고 생각했어. 코린이들에게 뭔가 추상적인 느낌으로 다가오지 않을까? 중고등학교 수학시간에 배운 변수의 어려움 때문일까? 뭔가 가까이 가기 꺼려지는 녀석일꺼야. 먼저 너가 알고 있는 수학에서의 변수는 모두 날려서 휘발시키고 아무것도 모르는 백지상태에서 시작하자! 변수는 어떠한 액체를 담는 컵이라고 생각하면 좋을꺼 같아. 어느 빈컵에 내가 콜라를 담으면 이 컵은 콜라가 되는거고, 거기에 내가 커피를 담으면 커피가 되는거야. 이게 단순화시킨 변수의 전부야. 정말 쉽지? 코드를 보자 const 변수 = 1; const 변수2 ..
자바스크립트에 대한 이해 안녕. 유니버스코딩이야. 난 벌써 개발IT쪽, 그중에서 WEB분야에서 근 10년 가까이 몸담고 있는 프로그래머야. 그동안 쭉 주력언어로 PHP 라는 언어를 써왔고 백엔드 위주로 다뤄왔어. 하지만 규모가 큰 회사를 제외하고 다들 느끼겠지만 백엔드 개발자라고 백엔드만 하기에는 어려운게 업계 현실이야. 그래서 나도 프론트엔드를 조금은 해왔어. 보통 HTML , CSS , JAVASCRIPT 를 이용해서 작업해왔고 JQUERY , BOOTSTRAP , GNUBOARD 을 이용해서 조금 더 효율적이고 빠르게 프론트엔드 작업을 해왔어. 사실 디자인적 감각도 없고 흥미도 없어서 프론트엔드에 대해 깊은 생각을 해본적이 없기도 해. 그러다가 최근 회사에서 새로운 프로젝트가 시작되면서 기존에 사용하던 걸 벗어나 프론트엔드..
서브도메인 연결 (cafe24, httpd.conf) 네이버같은 사이트를 보게 되면 PC 버전과 모바일버전은 도메인 주소가 다른걸 알수 있다. PC : https://www.naver.com 네이버 네이버 메인에서 다양한 정보와 유용한 컨텐츠를 만나 보세요 www.naver.com MOBILE : https://m.naver.com 네이버 모바일 메인 네이버 모바일 메인에서 다양한 정보와 유용한 컨텐츠를 만나 보세요 m.naver.com 위와 같은 도메인을 서브도메인 혹은 2차도메인이라고 하며, 도메인을 구입한 호스팅업체를 통해 손쉽게 설정하고, 서버내 httpd.conf 를 수정하여 사용할 수 있다. 1. 호스팅업체에서 설정하기 카페 24의 경우로 예를 들자면 도메인 DNS 관리에 들어가게 되면 CNAME (별칭) 이라는 걸 통해 손쉽게 설정할 수 있다...
React 로컬 개발환경 설치 및 세팅방법 리액트를 개발하기 위해 전반적으로 리액트를 설치하는 방법에 대해 알아보자! 1. vscode 설치 리액트를 사용하기 위해서는 기본적으로 개발을 할수 있는 개발툴이 필요하다. 내가 추천하는 개발툴은 무료에다가 기능도 아주 강력한 visual studio code 툴을 강력추천한다. 툴내에서 손쉽게 터미널을 사용할수 있고 많은 익스텐션(확장프로그램)이 있어서 코드 개발 편의성이 매우 우수하다. 설치URL : https://code.visualstudio.com/ 2. nodejs 설치 nodejs 를 설치해주자! 필수요소는 아니지만 npm 이라는 노드패키지매니저(npm)를 편히 사용하기 위해 설치하는걸 권 장한다. nodejs 에는 npm 이 내장되어 있기 때문에 nodejs 를 설치해주는 것만으로도 npm..
카페24 퀵서버 세팅하기 (centos7, mariadb, php) 서버가 필요할 일이 있어서 cafe24 를 통해 퀵서버를 세팅했다 서버는 centos7.9.2009 버전 DB는 maraidb 10.3.15 버전 PHP는 PHP 7.3.5 버전 이제 웹사이트를 사용하기 위해 해야할 일들을 차례대로 정리해보겠다. 1. putty 설치 서버를 제어하기 위해 내가 사용한건 putty프로그램 putty 를 사용해서 cafe24에서 만든 서버 ip 를 입력해주고 접속하면 아이디와 비밀번호를 물어본다. cafe24에서 확인하면 된다. 비밀번호의 경우는 임시비밀번호이니 바꿔주도록 하자. 2. 계정 비밀번호 변경 현재 로그인된 계정 비밀번호 변경 passwd 다른 사용자 비밀번호 변경 passwd 사용자아이디 3. 사용자 계정 추가생성 처음에 받는 root 아이디의 경우 마스터 아이..
git 설치 및 세팅 1. git 다운로드 2. github 가입 및 repository(저장소) 만들기 3. 사용자 이메일 및 이름 입력하기 git config --global user.email "you@example.com" git config --gloval user.name "your name" 3. 작업중인 폴더에 git 초기화 (cmd 또는 gitbash) git init 4. 원격 저장소 연결 git remote add origin 저장소주소 5. 변경된 내용 stage에 올리기 git add . 6. add 한 내용 commit 하기 git commit -m "커밋내용서술" 7. 커밋한 내용 원격저장소에 올리기 git push -u origin master git 명령어 모음 (cmd, gitbash) *현재..
nodejs 설치 및 세팅 1. vscode 다운로드 및 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. nodejs 다운로드 및 설치 - nodejs 설치시 npm 자동 설치 https://nodejs.org/..