블로그 이미지
잡다한 취미 생활 및 일상에 대한 소소한 이야기를 적어나가는 블로그입니다.
붉은kkk

공지사항

최근에 올라온 글

최근에 달린 댓글

글 보관함

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

지난시간에 이어 자바스크립트로 데이트 서비스 웹사이트를 만드는 프로젝트에 대해 포스팅하겠습니다.

 

기본적인 사이트 요소는 갖추어서 맛보기용으로는 손색 없을 것 같네요.

성별 검색 기능과 취미 기능이 포함되었습니다.
성별 및 취미 입력후 검색하면 검색이 잘 이루어지네요.

 

사용된 기능

1. JSON data 형식 : 사용자 정보를 입력한 것은 JSON data 형태로 입력하였습니다.

2. If문 : 성별 및 취미를 check 하기 위해 If 문을 사용하였습니다.

3. For문 : 사용자 정보를 가져오기 위해 For문을 사용하였습니다.

 

해놓고 보니까 별거 아닌거 같기도 하네요.

코드는 아래와 같습니다.

 

JSON형식의 user정보
유저정보를 가져오면서 성별과 취미도 검색해서 최종 결과를 뿌려줍니다.

자! 이렇게 자바스크립트로 하는 맛보기용 프로젝트가 완성되었습니다.

다음번엔 더 재밌는 주제로 찾아올게요. 

 

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

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

 

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

 

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

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

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

1 = 왼쪽에 대입
2 + 더하기
3 - 빼기
4 * 곱하기
5 / 나누기
6 % 나머지

 

변수 선언 후 산술 연산을 하는 코드입니다.

 

실행을 하면, 변수의 사용법만 덜렁 있습니다.

??? 

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

 

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

 

console로 찍은 내용들이 나와있습니다.

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

 

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

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

 

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

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

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

 

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

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

 

그럼 시작해볼까요?

 

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

윈도우 메모장. 제가 즐겨 사용하고 있는 프로그램이랍니다.

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

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

여기저기 자습서가 있답니다^^

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

저장을 1.html파일로 해줬답니다.

 

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

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

 

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

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

 

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

안녕하세요.

 

지난 포스팅에 잘못된 정보가 전달된 것을 확인하고 정정 드립니다.

 

[12. 파이썬 에디트 도구] 파이참 사용하기

 

[12. 파이썬 에디트 도구] 파이참 사용하기

파이썬 에디트 도구로 파이참이 유명하다고 하네요. 다운로드는 아래 사이트에서 하시면 되요. http://www.jetbrains.com/pycharm/ 음... 전 여기까지만, 실제 사용은 하지 않을 예정입니다. 무료 제품이 아닌..

nearman.tistory.com

포스팅 내용 중 파이참은 무료가 아니라서 사용하지 않겠다라고 내용을 적었는데, free 버전이 있는 것을

재 확인하였습니다. 

 

파이참 다운로드는 아래 링크로.

https://www.jetbrains.com/pycharm/download/#section=windows

Community 버전은 free, open-source 입니다.

 

설치를 완료하고 hello project를 만든 상태입니다.

 

프로젝트를 open한 상태입니다.

 

실행을 클릭해서 실행결과가 나온 상태입니다.

 

저는 지금까지 파이썬 프로그래밍시 기본 제공되는 IDLE만 사용하였는데, 에디터를 활용해서 프로그래밍을 하는 것도 괜찮을 것 같네요.

 

아직은 많이 써본 상태가 아니라서. IDLE과 병행해서 쓰면서 장단점을 알려드리도록 하겠습니다.

이번엔 캐릭터 기본 베이스 라인을 그려봤습니다.


뭔가 아기자기한 맛이 있나요?
Pixel tutorial로 검색해서 여러가지 강의 자료를 찾아냈답니다. 이젠 열심히 보고 배우고 찍고!!! ㅋㅋ
도트는 사실 노가다죠~
이쁜 그림의 완성을 위해선 정말 열심히 마우스 클릭을 해야된답니다.

그림을 잘 그리는 분들이 도트 장인이 될 확률이 높지만
테크닉적인 부분이 있기에 그림을 못 그리는 분들도 충분히 잘 할 가능성이 있는 분야인거 같아요.
제가 그렇습니다! ㅎㅎ

아직은 많이 부족하지만 한걸음 한걸음, 새로운 기술을 배울때마다 점점 더 재밌어지네요.

여러분들도 도트 노가다 아니 픽셀아트의 세계에 입문해 보시는건 어떠신가요? ㅎㅎ
인디게임 제작을 꿈꾸며 오늘도 열심히 클릭 클릭 ㅎㅎ

블로그로 돈버는게 되긴 하네요.
과거에 구글 애드센스를 달아놨던거에서 간간히 수익이 발생하고 있어요.

부끄럽지만 소소한 수익 인증 샷!



요즘 보면 유튜브에서도 블로그로 돈을 벌 수 있는 방법에 대한 강의를 해 주는 고마우신 분들이 많이 늘어났습니다.

사실 어떻게 보면, 이게 어떻게 돈이 되지?
의심의 눈초리로 볼 수도 있거든요.
시각차이랄까? 인식의 차이랄까?

구글이 초기에 구글 애드센스로 블로거들의 주머니를 두둑하게 해 줬었는데, 이젠 유튜브, 앱 등 인터넷이 연결된 거의 모든 곳에서 돈을 벌 수 있게 해 주고 있네요.

커피숖에서 커피 한잔하면서 모바일로 글을 쓰고 있는 중인데 아직은 필력이 많이 모자라서 재미나게는 글을 못 쓰는거 같아요.
천천히 여유롭게 하다보면 늘겠죠?



앞으로의 계획은 블로글로 월 10만원 이상 수익을 발생시켜 보는거에요.
차곡차곡 계획을 세워서 도전해보겠습니다.
잘되면 유튜브 도전도 할지 몰라요^^ ㅎㅎ

짜잔! Aseprite로 그린 도트 캐릭터입니다. 

제가 생각하기엔 어마어마한 발전을 이룬거 같은 느낌. 

 

튜토리얼 많이 찾아보고 많이 연습하고 얼른 제 자캐를 만들어 내고 싶네요.

 

하고 싶은게 많은... 아직도 호기심이 많은... 그런 나이에요 ㅋㅋ

 

다음엔 더 멋진 픽셀아트로 다시 찾아올게요.

 

픽셀로 그린 커피잔. 커피라고 떡하니! 써놨어요. ㅋㅋㅋ

 

이전 1 2 다음