옆집오빠

자바스크립트로 데이팅 사이트를 만들어볼까 하고 있어요.

앱으로 만들어보고자 했던 건데... 사실 조금 어려운 부분이 있어서 막막해 했던 프로젝트였습니다.

근데... 우연히? ㅋㅋ

자바스크립트로 데이트 사이트를 만들 수 있을 것 같다는 생각이 드네요.

우연히 보고 있는 강좌를 잘 만 변형하면 될 것 같습니다.

서론이 길면 재미가 없겠죠?

출근시간의 압박으로 길게 포스팅을 할 수는 없어서 실행화면과 코드 첨부합니다.

맛보기는 이렇게만 공유하고, 최종 완성본(?)이 제작되는 시점에 이 주제는 다시 포스팅 하겠습니다.

감사합니다.

이번엔 자바스크립트에서 변수 사용하는 방법에 대한 포스팅입니다.

변수의 종류와 사용법 모두를 정리하고 싶은 맘이 있긴한데... 우선은 간단한 것부터 시작하겠습니다.

아직까지는 코드가 직관적으로 보이고 있으니까 이해하기 쉽네요.

1. var : 자바스크립트에서 변수(Variable) 선언을 하려면 변수명 앞에 var을 써주시면 됩니다.

2. 연산자 (산술연산자 위주)

??? 

의도한 연산결과가 보이지 않네요.

크롬 브라우저에서 F12(버튼)를 눌러주세요.

이상으로 자바스크립트로 변수를 사용하는 방법을 연습해 봤습니다.

하나하나 차곡차곡 쌓아가다 보면 멋진 프로젝트도 완성할 수 있는 날이 있겠죠?

저부터 실천해 나가보겠습니다.

오늘도 즐거운 프로그래밍 생활되세요^^

오늘은 HTML에 자바스크립트 파일을 불러와서 실행되게 코드를 작성해 볼거에요.

그 전에, 자바스크립트를 배우고 알게 됨으로써 얻는 이득이 무엇인지 알려드릴게요.

저도 지금은 배우는 단계라서, 디테일한 내용들에 대해 알려드릴 수는 없지만 대략적으로 다음과 같은 것들을 

할 수 있다고 합니다. 

상세 내용은 아래 Table에!!!

참고 삼아 보시면 도움이 될 듯 합니다.

(아직 어떤 언어를 공부해야 될 지 모르는 분들은 그 언어로 무엇을 만들 수 있는지를, 그 언어가 무슨 프로그램 제작에 특화되어 있는지를 보고 선택적으로 취하시면 될 것 같네요.) 

그럼 오늘의 코드를 공개합니다.

지난 시간의 HTML파일 내에서 자바스크립트를 실행했던것을,

이번엔 자바스크립트 파일을 별도로 만들어서 호출하는 형태로 사용하였습니다.

지난 시간의 확장버전이라고 보시면 되요^^

코드 관리를 효율적으로 하려면 이렇게 별도의 파일로 작성하여 사용하는 것이 맞는 방법일 것 같네요.

(...답은 없답니다. 남들이 뭐라하건 나한테 맞으면 그게 맞는 방법이에요)

ㅎㅎ 저도 얼른 실력을 키워서 상호작용하는 웹사이트를 어서 빨리 만들어 보고 싶네요.

코딩 실력이 쌓이면 (코딩 실력이라고 쓰고... "구글링 실력 & 버그 잡기 & 내가 원하는 형태로 수정하기" 라고 읽어야 될까요?) 가능할테니까요. 

제가 생각하고 만든 서비스로, 어서 빨리 수익창출을 해보고 싶네요.

별도로 포스팅하는 창업 다마고찌 카테고리도 많은 관심 부탁 드립니다.

자바스크립트도 배우고 나면, 서비스를 만들거에요. 

그럼 오늘도 다 같이 즐거운 프로그래밍 생활 되세요^^

창업을 고민하고 고민하다, 직장인으로 할 수 있는 쉬운 창업이 무엇인지 계속 찾아보았습니다.

그러다, 유튜버들의 창업기 영상등을 보면서 제휴마케팅이란것을 알게 되었고 저도 시작을 해보려 합니다.

우선 한국에서 제휴마케팅을 할 수 있게 제공해주는 곳은 쿠팡이 있는 것을 확인하였고, 전 쿠팡에서 시작을 하기로 맘 먹었습니다.

큰 틀에서 바라보면 아래 4가지로 진행이 될 것 같네요.

• 제휴마케팅 회원가입
• 상품을 판매(광고)할 장소 확보 (웹사이트 개설 or 블로그 or 기타 SNS)
• 적극적인 홍보를 통한 매출 극대화
• 수익 실현

1. 제휴마케팅 회원가입 : https://partners.coupang.com/

그럼 얼마나 수익이 날지는 예상해 보고 시작해봐야겠죠?

판매가의 3%가 수익 지급이 되는 것으로 보이네요. 

이번 포스팅은 여기까지입니다.

다음번엔 제가 광고할 장소를 마련해서 공유하도록 할게요.

온라인으로 돈벌기, 간단하지만 창업(?) 시작해 봅시다.

"시도하지 않으면 아무것도 할 수 없다" 도전!!!

코딩을 메모장으로만 하면 가독성이 떨어지는 경우가 있습니다.

그래서 저는 Notepad++를 추천 드립니다...

사실 저도 이제 막 설치 했답니다. 그리고 추천 이유는 무료프로그램이어서 추천 드리고 있습니다.

뭐가 좋은진 잘 모르지만, 가독성은 높아질 것 같네요. 단지 이것만이라도 저한텐 많은 도움이 될거 같습니다.

다운로드는 아래 사이트에서 자신의 컴퓨터에 맞는 버전으로 설치하시면 됩니다.

https://notepad-plus-plus.org/

... 설치를 하고, 처음 만들었던 "Hello world" 출력 프로그램 파일을 열어봤습니다. ^^ 저는 만족!

ㅎㅎ 다음엔 더 재밌는 예제로 포스팅 해보겠습니다.

요즘 웹 프로그래밍에 대한 관심이 부쩍 늘어났습니다.

여러가지 이유가 있지만, 우선 앱 개발이 잠시... 침체기라서 그런거 같네요.

어떻게 접근을 할까 고민을 해봤는데... 역시나 프로그래밍의 시작은 그 언어로

"Hello world"를 출력하는게 시작이 아닐까 합니다.

그럼 시작해볼까요?

1. 우선 모두의 기본에디터인 메모장을 열어줍시다 ㅎㅎ

2. 코딩을... 해야되는데?

   - 다음단계인 코딩은... 역시나 구글님에게 물어봅니다.

3. 참고를 해서... 아래와 같이 코딩을 했답니다.

4. 마지막 html 파일을 실행한 결과 ^^

원하는 출력을 얻을 수 있었습니다.

^^ 이로써, 자바스크립트 세계에 입문하였습니다.

하나하나 배워봐야겠네요.

즐거운 프로그래밍 생활 되세요. ㅎㅎ

파이썬으로 지도를 그리고 그 위에 데이터 시각화를 해보고 싶었습니다.

그래서 검색을 해봤더니, 역시나 엄청나게 많은 정보가 있네요^^

그 중 folium을 활용한 지도 그리기를 시작합니다.

우선 라이브러리를 설치해 주세요.

1. 주피터 노트북에서 실행

2. 파이썬 기본 IDLE로 실행

 - 아래는 지도 파일 클릭화면입니다.

간단하게 지도를 표시하는 방법을 확인해봤네요^^

이제, 다음번 부터는 응용으로 데이터 시각화를 슬슬 해봐야겠습니다.

제가 해보고 싶은 것들은 아래와 같은 것들이 있네요.

1) 특정 브랜드 매장 분포도 

2) 지역별 범죄율 분포

3) 지역별 부동산 가격 분포

파이썬을 통해 빅데이터 분석기법을 열심히 공부하다 보면, 재테크 측면 및 사업적인 측면에서도 좋은 성과를 낼 수 있게 활용할 수 있을거 같습니다.

그럼 오늘도 즐거운 파이썬 생활 되시길 바래요.

파이썬으로도 게임을 만들 수 있는거 알고 계신가요?

오늘은 강좌는 아니고, pygame을 통해 만들어진 게임을 간단히 소개해보려고 합니다.

Youtube를 보다가 검색해서 알게된 Racing game source를 실행해 볼게요.

(Source code는 아래 링크에서 받을 수 있습니다.)

https://github.com/Sagarsawant224/Racing-game/blob/master/rgame.py

source code를 열어보게 되면 pygame 라이브러리가 import되어 있으므로 

pip install pygame을 실행해서 설치를 해 줍니다.

오! 기대 안했는데, 음악도 있고 다른 차 or 벽에 부딪히면 game over가 되네요. 

source code를 하나하나 차근히 뜯어보면서 공부해보면 좋을거 같네요^^

그럼 오늘도 즐거운 파이썬 생활 되세요.