PHP 로그인 화면 구성 FORM 태그 POST 전송 mysql
안녕하세요. JohnComputer 입니다. 바로 앞에 올렸던 게시글을 참고하시면 도움이 됩니다.https://johncom.tistory.com/23 앞에서 설명했기에 소스코드 바로 첨부하겠습니다. 12345678910111213141516171819202122232425262728293031323334353637 HTML Forms ID: Password: function check_input() { if (!document.login_form.id_val.value) // login_form 이름을 가진 form 안의 id_val 의 value가 없으면 { alert("아이디를 입력하세요!"); document.login_form.id_val.focus(); // 화면 커서 이동 return; } ..
2020.09.04
no image
PHP form 전송 방법 POST / GET 이용방법
안녕하세요. Johncomputer 입니다. 이번에는 PHP 에서 기본적으로 Form에서 사용되는 POST / GET 방식입니다. GET은 기본적으로 URL에 정보를 담아서 전송됩니다. 그래서 보안에 취약하게 되죠 이런식으로 전송이 되기 때문에 무엇을 검색하는지 바로 알수 있죠. POST방식은 HTTP헤더 속으로 감춰줘서 비밀번호 같은 개인정보등을 전송하는 방식에서 사용됩니다. PHP에 간단한 예제를 보겠습니다. 123456789101112131415161718192021222324252627282930313233343536 HTML Forms ID: Password: function check_input() { if (!document.login_form.id_val.value) // login_for..
2020.09.04
no image
키보드 타이핑 효과 글자쓰기 효과 Typeit 예시 사용법
안녕하세요. John Computer 입니다.이번에 웹사이트를 제작하면서 새로운 오픈소스를 들고와서 사용해보았는데 한글로 만들어진 사용방법이 없어서직접 소스코드를 올립니다.아래 깃허브에 들어가셔서 다운로드 받으면 소스코드 안에 주석으로 한글설명 적혀있습니다.추가적인 기능은 개발자 사이트를 참고하셔서 이용하세요. 개발자 사이트 : https://typeitjs.com/ 블로그 내용 소스 :https://github.com/JohnComputer/typeIt_example
2020.09.03
프로그래머스 JAVA 2단계 전화번호 목록 startsWith
프로그래머스 해쉬 2단계 연습문제입니다. 소스코드는 작성자에 따라서 다릅니다. 오히려 1단계 보다는 쉽게 느껴지는 사람들도 있을 겁니다.필요한 메소드를 찾는것이 어려워서 그렇지 알고리즘 로직 자체는 생각보다 간단합니다. 배열안에서 여러개의 값들 중 접두어가 있는지 판별하는 문제입니다. 접두어가 포함 되어있으면 false 아니면 True 를 반환합니다. public class test_02 {public static void main(String[] args) {// TODO Auto-generated method stubString[] phonebook = {"119","9764223","1195524421"};//String[] phonebook = {"123","456","789"};//문제를 위한 ..
2020.09.03
프로그래머스 JAVA 1단계 완주하지 못한 선수 / Arrays.sort 사용법
프로그래머스라는 알고리즘 코딩테스트 사이트 문제입니다. 직접 코딩테스트를 연습해 보시고 참고하셔서 공부하세요. 소스코드는 작성하는 사람에 따라서 다릅니다. 참여자 명단(participant) 에 있지만 완주목록(completion) 에 없는 사람을 출력합니다. 즉, 두개의 배열에 있는 이름이 일치 해야하고 없는 사람이 출력이 됩니다. ( 동명이인 있을 수 있음 ) Arrays.sort 를 이용하여 이름을 정렬 후 배열 인덱스를 이용해서 비교하는 방법으로 코딩 하였습니다. import java.util.Arrays;
2020.09.03
HTML javascript 자바스크립트 로그인 화면 form 구성 빈칸 체크 focus placeholder
아이디 입력 창에서 입력 하지 않을 경우 경고 주는 방법.사용 방법 주석 확인. HTML Forms ID: Password: 12345678910111213141516171819202122232425262728293031323334353637 HTML Forms ID: Password: function check_input() { if (!document.login_form.id_val.value) // login_form 이름을 가진 form 안의 id_val 의 value가 없으면 { alert("아이디를 입력하세요!"); document.login_form.id_val.focus(); // 화면 커서 이동 return; } if (!document.login_form.pw_val.value) { a..
2020.08.28
ADSP 빅데이터 준전문가 3과목 -1장 데이터 분석 개요
ADsP 3과목 - 1장 데이터 분석 개요 필기 요약집입니다. 직접 공부하던 내용을 보기 쉽게 요약해서 올리기에 빠진 내용들도 조금 있습니다. 대략적인 개념을 먼저 잡기위해, 모두 공부 후 마지막 외울때 이용하시면 많은 도움이 됩니다. (**모르는 내용은 추가해서 공부하세요~) 1.데이터 처리- DW, DM의 데이터를 가져와 분석에 활용한다.- ODS는 정제된 데이터이다. - 어디서든 데이터를 가져와 활용할 수 있지만 가급적 ODS에서 데이터 전처리 후 DW, DM과 결합하여 사용. 2. 시각화 - 시각화는 가장 낮은 분석 - 복잡한 분석보다도 더 효율적 (보이기 때문) - 빅데이터 분석에서 필수 - SNA분석에 활용 (발전된 형태) - 텍스트 마이닝에서의 워드 클라우드를 통한 그래프화 (발전된 형태) ..
2020.08.23
ADSP 빅데이터 준전문가 2과목 데이터 분석 기획
ADSP 빅데이터 준 전문가 2과목 데이터 분석 기획 자료입니다. 공부하다가 내용들이 한눈에 안들어와서 직접 정리해놓은 내용입니다. 개인 공부를 위해서 실전출제 문제 기반으로 많은 내용을 함축하여 작성 하였습니다. 필수로 외워야 하는 것들로 이루어져 있으니 더 필요한 내용은 직접 찾아서 공부를 하셔야 합니다. ADSP 준비 필기 (필수 암기) 1. 분석대상 What-How 도표 (수정) HOW 방법 KnownUn-Know WHAT무엇Optimization 최적화Insight 통찰KnownSolution 솔루션Discovery 발견Un-Known 2. 목표 시점 별 분석 기획 방안 과제 중심적인 접근 방식 : 바로 앞에 당면한 과제를 빠르게 해결 Speed & Test / Quick & Win / Prob..
2020.08.17
반응형

안녕하세요. JohnComputer 입니다. 

바로 앞에 올렸던 게시글을 참고하시면 도움이 됩니다.

https://johncom.tistory.com/23


앞에서 설명했기에 소스코드 바로 첨부하겠습니다.

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
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<body>
 
<h2>HTML Forms</h2>
 
<form action="login_check.php" name="login_form" method="post">
  <label for="fname">ID:</label><br>
  <input type="text" id="id_val" name="id_val" placeholder="아이디"><br>
  <!-- input 박스 안 글자 넣기 = placeholder -->
  <label for="lname">Password:</label><br>
  <input type="password" id="pw_val" name="pw_val" placeholder="비밀번호"><br><br>
  <input type="button" value="로그인" onclick="check_input()">
</form>
<script type="text/javascript">
function check_input() {
    if (!document.login_form.id_val.value)
    // login_form 이름을 가진 form 안의 id_val 의 value가 없으면
    {
        alert("아이디를 입력하세요!");
        document.login_form.id_val.focus();
        // 화면 커서 이동
        return;
    }
    if (!document.login_form.pw_val.value)
    {
        alert("비밀번호를 입력하세요!");
        // 화면 커서 이동
        return;
    }
    document.login_form.submit();
    // 모두 확인 후 submit()
 }
</script>
</body>
</html>
 
cs

로그인 화면 구성입니다. 



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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<?php
  $id_val = $_POST["id_val"];
  $pw_val = $_POST["pw_val"];
 
  print_r($id_val); // 화면에 값 보여주기
  print_r($pw_val);
 
  $con = mysqli_connect("localhost(DB서버)""root(DB아이디)""1234(DB페스워드)""TEMPDATA(DB명)");
  $sql = "select * from members(테이블명) where id='$id_val'";
  $result = mysqli_query($con$sql);
 
  $num_match = mysqli_num_rows($result);
 
  if(!$num_match)
  {
    echo("
          <script>
            window.alert('등록되지 않은 아이디입니다!')
            history.go(-1)
          </script>
        ");
   }
   else
   {
       $row = mysqli_fetch_array($result);
       $db_pass = $row["pw_val"]; // DB칼럼명
 
       if($passwd != $db_pass)
       {
 
          echo("
             <script>
               window.alert('비밀번호가 틀립니다!')
               history.go(-1)
             </script>
          ");
          exit;
       }
       else
       {
           session_start();
           $_SESSION["id"= $row["id_val"];
           $_SESSION["name"= $row["name"];
           // SESSION에 저장.
           mysqli_close($con);
           echo("
             <script>
               location.href = './login.php';
             </script>
           ");
       }
    }
 ?>
 
cs

PHP를 사용하여 POST로 값을 받고 MYSQL에 저장하는 방법입니다. 소스코드를 참고하셔서 한글로 적혀있는 부분들을
본인한테 맞게 수정하셔서 사용하시면 됩니다.


반응형
반응형

안녕하세요. Johncomputer 입니다.


이번에는 PHP 에서 기본적으로 Form에서 사용되는 POST / GET 방식입니다.


GET은 기본적으로 URL에 정보를 담아서 전송됩니다. 그래서 보안에 취약하게 되죠 

이런식으로 전송이 되기 때문에 무엇을 검색하는지 바로 알수 있죠.


POST방식은 HTTP헤더 속으로 감춰줘서 비밀번호 같은 개인정보등을 전송하는 방식에서 사용됩니다.



PHP에 간단한 예제를 보겠습니다.



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
32
33
34
35
36
<!DOCTYPE html>
<html>
<body>
 
<h2>HTML Forms</h2>
 
<form action="login_check.php" name="login_form" method="post">
  <label for="fname">ID:</label><br>
  <input type="text" id="id_val" name="id_val" placeholder="아이디"><br>
  <!-- input 박스 안 글자 넣기 = placeholder -->
  <label for="lname">Password:</label><br>
  <input type="password" id="pw_val" name="pw_val" placeholder="비밀번호"><br><br>
  <input type="button" value="로그인" onclick="check_input()">
</form>
<script type="text/javascript">
function check_input() {
    if (!document.login_form.id_val.value)
    // login_form 이름을 가진 form 안의 id_val 의 value가 없으면
    {
        alert("아이디를 입력하세요!");
        document.login_form.id_val.focus();
        // 화면 커서 이동
        return;
    }
    if (!document.login_form.pw_val.value)
    {
        alert("비밀번호를 입력하세요!");
        // 화면 커서 이동
        return;
    }
    document.login_form.submit();
    // 모두 확인 후 submit()
 }
</script>
</body>
</html>
cs

전송하게 되는 페이지 입니다. FORM 태그에 보시면 POST방식으로 login_check로 보내게 됩니다.




1
2
3
4
5
6
7
<?php
  $id_val = $_POST["id_val"];
  $pw_val = $_POST["pw_val"];
 
  print_r($id_val); // 화면에 값 보여주기
  print_r($pw_val);
?>
cs

받는 login_check.php 입니다. 보시는 것과 같이 받아서 print_r 함수로 출력하게 되면 post로 보낸 id와 패스워드를 확인하실수 있습니다.

GET도 마찬가지입니다. GET으로 보내고 받을 때 


1
2
3
4
5
6
7
<?php
  $id_val = $_GET["id_val"];
  $pw_val = $_GET["pw_val"];
 
  print_r($id_val); // 화면에 값 보여주기
  print_r($pw_val);
?>
cs

위와 같이 이용해주시면 똑같은 결과를 얻을 수 있습니다.


반응형
반응형

안녕하세요. John Computer 입니다.

이번에 웹사이트를 제작하면서 새로운 오픈소스를 들고와서 사용해보았는데 

한글로 만들어진 사용방법이 없어서

직접 소스코드를 올립니다.

아래 깃허브에 들어가셔서 다운로드 받으면 소스코드 안에 주석으로 한글설명 적혀있습니다.

추가적인 기능은 개발자 사이트를 참고하셔서 이용하세요.


개발자 사이트 : 

https://typeitjs.com/


블로그 내용 소스 :

https://github.com/JohnComputer/typeIt_example





반응형
반응형

프로그래머스 해쉬 2단계 연습문제입니다.


소스코드는 작성자에 따라서 다릅니다.


오히려 1단계 보다는 쉽게 느껴지는 사람들도 있을 겁니다.

필요한 메소드를 찾는것이 어려워서 그렇지 알고리즘 로직 자체는 생각보다 간단합니다.



배열안에서 여러개의 값들 중 접두어가 있는지 판별하는 문제입니다. 접두어가 포함 되어있으면 false 아니면 True 를 반환합니다.



public class test_02 {
public static void main(String[] args) {
// TODO Auto-generated method stub
String[] phonebook = {"119","9764223","1195524421"};
// String[] phonebook = {"123","456","789"};
// 문제를 위한 예시
Solution so = new Solution();
System.out.println(so.solution(phonebook));
}
}
class Solution {
public boolean solution(String[] phone_book) {
boolean answer = true;
for(int i = 0; i<phone_book.length;i++) {
for(int j = 0; j<phone_book.length;j++) {
if(phone_book[j].startsWith(phone_book[i]) && i != j) {return false;}
// 자기 자신을 제외한 다른 값들과 비교 연산
}
}
return answer;
}
}


반응형
반응형

프로그래머스라는 알고리즘 코딩테스트 사이트 문제입니다.


직접 코딩테스트를 연습해 보시고 참고하셔서 공부하세요.


소스코드는 작성하는 사람에 따라서 다릅니다.


참여자 명단(participant) 에 있지만 완주목록(completion) 에 없는 사람을 출력합니다. 즉, 두개의 배열에 있는 이름이 일치 해야하고 없는 사람이 출력이 됩니다. ( 동명이인 있을 수 있음 )



Arrays.sort 를 이용하여 이름을 정렬 후 배열 인덱스를 이용해서 비교하는 방법으로 코딩 하였습니다.



import java.util.Arrays;  <- 선언해 주셔야 합니다.

public class test {
public static void main(String[] args) {
String[] participant= {"marina", "josipa", "nikola", "vinko", "filipa"};
String[] completion= {"josipa", "filipa","marina", "nikola"};
// ㅇㅖ시 값입니다. 예시값을 추가 해주세요.
Solution aa = new Solution(); // Class 선언
System.out.println(aa.solution(participant, completion)); // 메소드 Return 값 출력
}
}

class Solution {
public String solution(String[] participant, String[] completion) {
String answer = "";
Arrays.sort(participant); // 배열 정렬 a~z
Arrays.sort(completion); // 배열 정렬 a~z
int i;
for(i = 0; i<participant.length-1; i++) {
if(!participant[i].equals(completion[i])) {
answer = participant[i]; // 순서대로 비교 후 없는 이름이 있을 경우 저장 후 Return
return answer;
}
}
if(i == participant.length-1) {
answer = participant[i]; // 마지막 까지 일치하는 이름이 없었을 경우 마지막 사람이 완주 명단에 없는 사람.
}
return answer;
}
}


반응형
반응형

아이디 입력 창에서 입력 하지 않을 경우 경고 주는 방법.

사용 방법 주석 확인.


HTML Forms










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
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<body>
 
<h2>HTML Forms</h2>
 
<form action="#이동할곳 URL#" name="login_form">
  <label for="fname">ID:</label><br>
  <input type="text" id="id_val" name="id_val" placeholder="아이디"><br>
  <!-- input 박스 안 글자 넣기 = placeholder -->
  <label for="lname">Password:</label><br>
  <input type="password" id="pw_val" name="pw_val" placeholder="비밀번호"><br><br>
  <input type="button" value="로그인" onclick="check_input()">
</form>
<script type="text/javascript">
function check_input() {
    if (!document.login_form.id_val.value)
    // login_form 이름을 가진 form 안의 id_val 의 value가 없으면
    {
        alert("아이디를 입력하세요!");
        document.login_form.id_val.focus();
        // 화면 커서 이동
        return;
    }
    if (!document.login_form.pw_val.value)
    {
        alert("비밀번호를 입력하세요!");
        // 화면 커서 이동
        return;
    }
    document.login_form.submit();
    // 모두 확인 후 submit()
 }
</script>
</body>
</html>
 
cs


반응형
반응형

ADsP 3과목 - 1장 데이터 분석 개요 필기 요약집입니다.


직접 공부하던 내용을 보기 쉽게 요약해서 올리기에 빠진 내용들도 조금 있습니다.


대략적인 개념을 먼저 잡기위해, 모두 공부 후 마지막 외울때 이용하시면 많은 도움이 됩니다. (**모르는 내용은 추가해서 공부하세요~)


1.데이터 처리

- DW, DM의 데이터를 가져와 분석에 활용한다.

- ODS는 정제된 데이터이다.

- 어디서든 데이터를 가져와 활용할 수 있지만 가급적 ODS에서 데이터 전처리 후 DW, DM과 결합하여 사용.

 

2. 시각화

- 시각화는 가장 낮은 분석

- 복잡한 분석보다도 더 효율적 (보이기 때문)

- 빅데이터 분석에서 필수

- SNA분석에 활용 (발전된 형태)

- 텍스트 마이닝에서의 워드 클라우드를 통한 그래프화 (발전된 형태)

- polygon, heatmap, mosaic graph 등의 그래프 작업 (발전된 형태)

 

** 공간 분석 = Spatial Analysis = GIS

 

3. 탐색적 자료 분석 (EDA)

- 점차적의로 특이한 점이나 의미있는 데이터를 도출하고 분석하여 줄여 나가는 것.

- 구조적 관계를 알아내기 위한 기법들의 통칭.

 

4. EDA4가지 주제

- 저항성의 강조, 잔차 계산, 자료변수의 재표현, 그래프를 통한 현시성

 

5. 통계분석

- 기술통계 : 표본이 가지고 있는 정보를 쉽게 파악하기 위해 숫자 or 그래프로 표현하는 절차.

- 추측(추론)통계 : 표본의 표본 통계량으로부터 모집단의 모수에 관해 통계적으로 추론하는 절차.



첨부자료 ...


ADSP -3장.hwp


반응형
반응형

ADSP 빅데이터 준 전문가 2과목 데이터 분석 기획 자료입니다.


공부하다가 내용들이 한눈에 안들어와서 직접 정리해놓은 내용입니다.


개인 공부를 위해서 실전출제 문제 기반으로 많은 내용을 함축하여 작성 하였습니다.


필수로 외워야 하는 것들로 이루어져 있으니 더 필요한 내용은 직접 찾아서 공부를 하셔야 합니다.



ADSP 준비 필기 (필수 암기)

 

1. 분석대상 What-How 도표 (수정)

 HOW 방법

 

Known

Un-Know

 

WHAT

무엇

Optimization 최적화

Insight 통찰

Known

Solution 솔루션

Discovery 발견

Un-Known

 

2. 목표 시점 별 분석 기획 방안

과제 중심적인 접근 방식 : 바로 앞에 당면한 과제를 빠르게 해결

Speed & Test / Quick & Win / Problem Solving

장기적인 마스터 플랜 방식 : 지속적인 분석 내재화

Accuracy & Deploy / Long Term View / Problem Definition

 

3. 분석 기획시 고려사항

1) 가용 데이터에 대한 고려

- 관련 데이터의 파악

- 빠짐없이 문제를 도출하고 식별

2) 적절한 활용방안과 유즈케이스 탐색 필요.

- 비즈니스 케이스 확보

3) 장애요소들에 대한 사전 계획 수립

- 이행 저해 요소 관리

- 분석 모형의 안정적 성능 확보

- 조직 역량으로 내재화를 위한 변화 관리

- 비용대비 효과의 적정한 비용

 

종류

정형 데이터

반정형 데이터

비정형 데이터

특징

- 데이터 자체 분석 가능

- RDB 구조의 데이터

- DB로 관리

-데이터 분석은 가능

-해석 불가 메타정보를 활용하여 해석해야함.

-데이터 자체 분석 불가

유형

ERP, CRM, SCM

Demand Forecasts

모바일데이터, 로그데이터 등

기기에서 생성된 데이터

Competitor Pricing

음성, 영상, 문자

Email Records0

 

4. 분석 방법론

- 절차 / 방법 / 도구와 기법 / 템플릿과 산출물

 

5. 합리적 의사결정을 가로막는 장애요소 :

고정관념 / 편향된 생각 / 프레이밍 효과

 

6. 방법론에 따른 모델

1) 폭포수 모델 : 대표적인 하향식 모델, 단계를 순차적으로 진행하는 방법, 이전단계가 완료되어야 넘어감.

2) 프로토타입 모델 : 일부분을 우선 개발하여 시범 사용 후 요구를 받아 개선 작업을 시작함.

3) 나선형 모델 : 반복을 통해 점증적으로 개발하는 방법, 복잡도가 상승한다는 단점이 있음.



... 첨부파일

ADSP -2장.hwp



반응형