"이전게시판/HTML CSS Javascript"에 해당되는 글 - 3건

Post

크롤링 하려고 하는데 ModuleNotFoundError: No module named 'pandas'에서 막힘

[ 이전게시판/HTML CSS Javascript ] 2022. 10. 11. 19:42
반응형

ModuleNotFoundError: No module named 'pandas'이거 어떻게 해결하는걸까...

분명 pip list에 판다스 존재하고 python으로 cmd에서 실행하면 되는데 

py로 하면 안됨..왜냐고....

혹시 싶어 아나콘다 쥬피터 다 깔아봤는데 안됨 ㅠㅠ

환경변수 지정, 아나콘다, 쥬피터 설치 등...을 해도 도무지 안됨...니가 이겼다...

난 노가다 하러간다....

반응형
저작자표시 비영리 변경금지

'이전게시판 > HTML CSS Javascript' 카테고리의 다른 글

Javascript 정리  (0) 2018.10.14
Bitnabi로 서버 접속, 댓글 달기, 채팅기능 추가  (0) 2018.10.06

Post

Javascript 정리

[ 이전게시판/HTML CSS Javascript ] 2018. 10. 14. 23:05
반응형

Javascript 정리


html과 javascript의 차이

  • html은 있는 그대로 보여주지만 javascript는 동적으로 페이지를 보여준다.
  • 아래 예는 같은 1+1을 했지만 html은 글자로써 그대로 보여주는 반면
  • javascript는 1+1의 결과값 2를 출력한다.
<!--DOCTYPE html-->
<html>
<head>
  <meta charset="utf-8">
  <title></title>
</head>
<body>
  <script>
    document.write("1+1");
    document.write(1+1);
  </script>
  <h1>1+1</h1>
</body>
</html>

javascript event

  • html에 on으로 시작하는 속성들이 있다.
  • on으로 시작하는 속성은 javascript 이벤트를 대입해야한다.
  • onclick="alert('OK')"
  • onclick 속성은 마우스 클릭(이벤트)시 OK알람창(javascript)이 뜬다.
<!--DOCTYPE html-->
<html>
<head>
  <meta charset="utf-8">
  <title></title>
</head>
<body>
  <input type="button" value="Click button" onclick="alert('OK')">
  <input type="text" onchange="alert('changed')">
  <input type="text" onkeydown="alert('key down!')">
</body>
</html>

javascript consol

  • 크롬 웹 페이지에서 오른쪽 클릭 - 검사-console 창 뜸
  • 간단한 javascript code 를  console 창에서 테스트 할 수 있다.


데이터타입-문자열과 숫자

  • 데이터 타입이 문자열인지 숫자인지에 따라 결과가 달라진다.
  • 데이터 타입 숫자 : 1+1 = 2
  • 데이터 타입 문자 : "1"+"1"="11"


프로그래밍이란?

  • javascript는 프로그래밍 언어. html 아님.
  • 프로그램이란 순서라는 의미가 있음. 만드는사람은 프로그래머.
  • html은 시간의 순서에 따라 순서대로 작동x
  • javascript는 시간의 순서에 따라 순서대로 작동.


조건문

  • == : 값이 같은지 확인
  • === : 데이터 값이 같은지 확인
  • ex.
  • 1 == "1" : true
  • 1 === "1" : false
  • true == 1 : true
  • true === 1 : false

var target = document.querySelector('body');
if(this.value === 'night')
{
    target.style.backgroundColor = 'black';
    target.style.color = 'white';
    this. value = 'day';
} else {
    target.style.backgroundColor = 'white';
    target.style.color = 'black';
    this.value = 'night';
}

function

중복된 코드가 많아지면 function 으로 grouping 해야 소스 관리가 쉽다.

  • 함수선언
<script>
function FunctionName(arg)
{
return arg;
}
</script>

  • 사용법
<input type="button" value="click" onclick="FunctionName(value)"

객체

  • 소스코드가 커지면 function 이름의 중복이 많이 나타난다.
  • function이 중복되면 나중에 선언된 function만 남고, 먼저 선언된걸 지워버린다.
  • 객체를 사용하면 객체와 관련있는 변수, 함수를 Grouping하기 때문에 function 이름 중복을 방지할 수 있다.
  • 사용법
선언
var player = { "id":"value" }
가져오기
player.id , player.value
Method 선언
var func = {
    MethodName:function(arg){
            // 내용
    },
    MethodName2:function(arg){
            // 내용
    }
}
  • Method 사용

func.MethodName1(value);



파일로 정리하기

  • js객체 정의가 각 파일마다 정의되어있다면 소스가 복잡해진다.
  • js파일을 한 파일에 넣고 정리할 수 있다.
  • js파일 참조하기
<head> 안에 <script src = "js이름.js"></script>

jquery

  • jquery 라이브러리 포함(CDN)
  • jquery 다운로드 페이지 접속 (https://jquery.com/download/)
  • 페이지에서 CDN 검색 , 구글 CDN 클릭
  • jQuery을 찾아서 아래 script를 <head>태그 안에 넣음
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  • jquery는 javascript로 복잡하게 적은 소스를 간단하게 변경할 수 있는 좋은 라이브러리.


반응형
저작자표시 비영리 변경금지

'이전게시판 > HTML CSS Javascript' 카테고리의 다른 글

크롤링 하려고 하는데 ModuleNotFoundError: No module named 'pandas'에서 막힘  (1) 2022.10.11
Bitnabi로 서버 접속, 댓글 달기, 채팅기능 추가  (0) 2018.10.06

Post

Bitnabi로 서버 접속, 댓글 달기, 채팅기능 추가

[ 이전게시판/HTML CSS Javascript ] 2018. 10. 6. 22:40
반응형

Bitnami로 서버 접속 ( Windows )

  1. 아파치를 설치하기 위해 Bitnami( https://bitnami.com/ )를 다운받는다. MySql, PHP는 사용X
  2. 설치 확인을 위해 Go to Aplication 버튼을 클릭한다. Bitnabi 웹페이지가 잘 나온다면 성공한 것이다.
  3. Manage Servers 메뉴를 선택해 Apache Web Server를 Stop 시키면 Apache 서버가 꺼진 것이다.(웹페이지를 다시불러오면 페이지를 찾지 못했다는 창이 뜬다)D F
  4. Bitnami가 설치된 폴더로 가면( C:\Bitnami\wampstack-7.1.21-0\apache2\htdocs ) index.html 파일을 찾을 수 있다.
  5. index.html이 있는 폴더 내용을 전부 삭제 하고, 자신이 만든 html 파일을 넣으면 새로 고침 후 홈페이지가 반영된 것을 알 수 있다.
  6. 기존엔 내 컴퓨터에 html 파일을 연거지만, 5번은 웹 클라이언트가 웹 서버에 페이지를 요청을 하고, 클라이언트가 응답을 받아서 웹페이지가 나온 것이다.

댓글 달기 기능 

  1. https://disqus.com/ 사이트 접속
  2. 회원가입, 로그인 후 나오는 페이지에서 Get Started - I want to install Disqus on my site 클릭
  3. Website Name을 적고 Create Site 클릭. 그 후 무엇으로 홈페이지를 만들었는지 선택하는 화면이 나오는데 맨 밑에 'I don't see my platform...' 클릭
  4. 어떤 코드가 나옴. 그 코드를 소스코드에 넣으면 댓글 추가 완료. ( File이 아니라 웹서버에 요청해서 페이지를 열어야 한다! 파일로는 댓글이 안보인다. )

채팅 기능 추가

  1. https://www.tawk.to/ 사이트 접속
  2. 가입, 로그인 후 Dashboard 화면이 뜬다. ( https://dashboard.tawk.to/#/dashboard )
  3. 여기서 왼쪽 맨 아래에 수레바퀴 모양(설정 모양) 버튼을 클릭한다.
  4. 자신의 홈페이지 이름, 주소를 적고 완료.
  5.  Widget Code를 복사해서 웹 사이트에 추가한다. 채팅창이 추가된 것을 확인할 수 있다.(http로 열어야 한다. 파일x)
  6. 방문자가 채팅을 치면 알람소리가 들리고 Dashboard에서 알람이 뜬 것을 확인할 수 있다. 알람 뜬 아이콘을 선택 후 Join을 누르면 사용자와 채팅을 할 수 있다.


반응형
저작자표시 비영리 변경금지

'이전게시판 > HTML CSS Javascript' 카테고리의 다른 글

크롤링 하려고 하는데 ModuleNotFoundError: No module named 'pandas'에서 막힘  (1) 2022.10.11
Javascript 정리  (0) 2018.10.14
◀ 이전 1 다음 ▶
▲ top
▲ top

티스토리툴바