프로그래밍 - 32

  1. 2017.01.15 서버, 웹 구축을 위한 프론트-백엔드 스터디 진행 중 입니다. 요청도 받습니다! (1)
  2. 2015.03.02 자바스크립트를 통한 팝업창에서 부모창으로 데이터 주고받기
  3. 2013.06.06 [JAVA] 자바 기초 강의 프레젠테이션, "2시간만에 자바를 쉽게 배우고 싶어요."
  4. 2010.10.06 [웹해킹] 와우해커(WowHacker) 문제풀이 - Level3 (2)


 




사진이 고르지 못한 점 양해 부탁드립니다.


페이스북에서 'IT 개발자/디자이너/기획자 네트워킹(https://www.facebook.com/groups/partnershipping/)' 그룹 대표님의 도움으로 선릉역 앞 '함께승승센터' 에서 장소를 지원받아 스터디를 진행하고 있습니다.


'프론트-백엔드 스터디' 로 웹 서버를 구축하여 본인만의 커스텀 페이지를 만들고 디비 연동 및 API 를 개발하는 것이 목표입니다.

매주 목요일 오후 8시 30분에 최대 2시간 정도 진행이 되며 약 4-6주에 걸쳐 진행이 됩니다.


[스터디 목적]

 - 서버에 대해 지식이 없는 개발자 또는 공부하고 싶어하는 사람들을 위한 서버 기초 내용 입니다.

 - 깊고 어려운 내용을 대신하여 최대한 많은 것을 함께 경험해보고 공유함 으로 짧은 시간에 넓게 공부합니다.


[스터디 대상]

 - 프론트엔드 개발자.
 - 디자이너, 기획자.
 - 본인만의 서버를 가지고 싶어하는 모든 사람.

 - 업무 관련 또는 개발 관련 지식이 없다면 어려울 수 있습니다.


[스터디 내용]

 - 서버 엔진별, 데이터베이스 종류별, 언어별로 모두 체험합니다.

 - (1) 아마존 클라우드 서비스를 이용한 서버 구축. (Apache, Nginx)
 - (2) 데이터베이스 구축. (MySQL, MariaDB, PostgreSQL)
 - (3) 언어별 구축 및 서버 연동. (PHP, NodeJS, ***)
 - (4) 언어별 Sample Page 개발.
 - (5) 언어별 Restful API 개발.

 - (6) 최종 커스텀 페이지 개발.



누군가에게 공유할 때 중요한 것은 공유되는 지식의 깊이가 아니라, 공유를 하는 의도와 목적, 그리고 의의. 무엇보다 공유를 받는 사람들의 입장에서 지식을 받아들이는 정도가 가장 중요한 것 같습니다. 누구든지 처음 시작할때는 길을 헤맵니다. 그 길을 찾아주고 안내해주는 것이 교육하는 사람의 본분이라고 생각합니다. 저를 통해 더 많은 사람들이 더 많은 일을 할 수 있게되고 더 좋은 사회를 위해 큰 일을 할 수 있는 사람이 되었으면 합니다.

여유만 된다면 지속적으로 스터디를 진행하고자 합니다, 아래와 같은 내용으로 필요하신 분들은 저에게 연락주시면 도와드리겠습니다.
 - 해당 스터디에 참가하고 싶은 사람.
 - 해당 스터디를 본인의 그룹을 위해 열고 싶은 사람. (장소만 지원해주시면 도와드립니다.)
 - 해당 스터디 또는 다른 스터디에 관심이 있는 사람.
 - xodnr631@gmail.com 로 메일 주시길 바랍니다.


감사합니다.


2017.01.15 16:57. RSS feed. Trackback 0 came from other blogs. Leave a Response.
Posted in 다이어리. Top

댓글을 달아 주세요

  1. 비밀댓글입니다

    2018.03.08 09:37  ×  +


최근 들어 자바스크립트와 제이쿼리를 사용을 요구하는 일이 처음부터 제대로 공부를 필요로 할 정도로(약간 짜증날 정도로...ㅎ..) 많아졌습니다. 백엔드에 주력을 함으로 HTML과 CSS에만 집중을 하고 그 외의 언어는 별로 공부를 하지 못 했었는데 Node.js 도 손을 건들어보면서 최근 관심을 가지기 시작했습니다.

그리고 무엇보다 자바스크립트가 언어의 최고봉으로서 자리를 만들어가고 있는 순간 공부하지 않으면 안되겠다 싶어 공부를 시작했습니다. 그리고 부모창과 팝업창 간의 데이터를 주고 받는 놈을 만들다가 자바스크립트를 사용했는데 애먹은 부분이 있었습니다.

일단 제 경우는 팝업창에서 부모창으로 데이터를 전달해줄 때 기본적으로 엘리먼트의 name, id을 중복 사용을 필요로 하는 방식의 PHP 환경이였습니다. (PHP-MySQL-mysql_fetch_array) 그러나 id 값은 중복으로 사용이 불가능하다는 점이 문제이기에 name 방식을 통해 배열값을 주고 받으려다가 모든 name이 값을 가지고 있다는 점 때문에 어떻게 해야할지 의문이였습니다.

더 찾아보다가 그냥 간단하게 인자를 전달해주는 방식으로 꼼수를 사용했습니다.
소스는 다음과 같습니다.

------------------------------------------------
-- test1.html ((부모))
<script>
var winObject = null;

(1)function popupWindow(){
var settings = 'toolbar=0,directories=0,status=no,menubar=0,scrollbars=yes,resizable=no,height=500,width=1000,left=0,top=0';
(1)winObject = window.open("test2.html", "test2", settings);
}

</script>


(2)<input type='text' id='charge' style='width:70px;' value='이름'/>

(1)<input type="button" value="조회" onclick="popupWindow();"/>

------------------------------------------------

-- test2.html ((자식))

<script>

(3)function submitCharge(val1){

(4)window.opener.document.getElementById("charge").value = val1;

(5)self.close();

}

</script>


(PHP 코드 부분은 간단하게 바꿔보았습니다)

$query = ...;

$result = ...;


while($row = mysql_fetch_array($result)){

echo "<input type='text' name='i_charge' value='$row[name]'/>

(6)<input type='button' value='선택' onclick='submitCharge('$row[name]');' />";

}

------------------------------------------------


(1). 부모에서 popupWindow() 함수를 통해 간단하게 팝업창을 열어주고 부모와 자식 관계를 만들어줍니다.

(2). 자식에서 데이터를 부모로 넘겨주면 작성이 되어질 부분을 만들어놓습니다.


(3). submitCharge() 라는 함수를 만들어놓고 인자를 하나 받아옵니다.

(4). 받아오는 인자는 부모에서 'charge' 라는 id 값을 가지고 있는 엘리먼트에 값을 전송합니다.

(5). 과정이 끝나고 자식창을 직접 셀프 종료합니다.

(6). 함수를 호출하며 인자로 해당 값을 보내줍니다.


위의 과정을 통해 자바스크립트를 이용해 배열도 작성이 되어 있는 부분에서 해당 값을 자식에서 부모로 전달해줍니다.

응용을 하면 마찬가지로 부모에서 자식으로 데이터를 전달해주는 부분도 쉽게 개발이 가능합니다.





window.opener.document.getElementById("charge").value 이 부분에서 혹여나 name 에 해당하는 값을 불러오고 싶으시다면

window.opener.document.getElementsByName("charge").value 왼쪽과 같이 사용하시면 됩니다!


이 부분에서 저만 애를 먹은건지, 다른 분들도 애를 먹으셨던건지...더 좋은 방법이 있으면 공유해주시면 감사하겠습니다!


js, jquery 'opener' 관련 함수 - http://wendy81.tistory.com/160

html 'id', 'name' 관련 내용 - http://lucetedaniel.tistory.com/69


열공 :)

2015.03.02 23:06. RSS feed. Trackback 0 came from other blogs. Leave a Response.
Posted in 스터디/javascript. Top

댓글을 달아 주세요


이렇게 프로그래밍이 완벽하지 않지만 해석할 수 있게 되는 언어가 늘었네요.

대부분의 웹프로그래밍 언어는 PHP, HTML을 제외하곤 코딩이 완벽하지 않아도 해석 정도는 깔끔하게 하는데

읽을줄만 알아도 대회나 다시 그 언어를 공부하게 될때 정말로 많은 도움이 됩니다 :)






kenu@okjsp.pe.kr 님이 제작하신 OKJSP 기본 세미나때 탄생한 자바 기초 강의 프레젠테이션 입니다.



2013.06.06 18:17. RSS feed. Trackback 0 came from other blogs. Leave a Response.
Posted in 스터디/programming. Top

댓글을 달아 주세요


이번 Level3 문제풀이 게시글은 제가 네이버 블로그에 글을 너무 쓰지 않는것같아 블로그에 쓰고 링크만 올리도록 하겠습니다. 귀찮으시겠지만 읽고자 하시는분들은 네이버 블로그로 이동하셔서 읽어주시면 감사하겠습니다.


링크 : http://blog.naver.com/xodnr631/90097405100
2010.10.06 20:53. RSS feed. Trackback 0 came from other blogs. Leave a Response.
Posted in 스터디/wargames. Top

댓글을 달아 주세요

  1. BlogIcon Kjwon15

    왠만하면 드래그 되게 하지..

    무조건 드래그가 되는 오페라 라는 브라우저를 쓰기도 그렇고..
    아니면 저 링크 클릭 가능하게 하던지..

    그런데 태클 하나 하자면 인코딩이 아닌 디코딩이라네.
    2번문제는 디코딩을 인코딩이라 쓰더니..

    2010.10.11 18:56 신고  ×  +
  2. Re. BlogIcon 완소풉

    어, 진짜 링크 클릭이 안되네.. 수정했음
    그건 그렇고 정말 인코딩, 디코딩을 잘못 썼네.

    이런 댓글 좋아!!!!!!!!
    땡큐 형ㅋ

    2010.10.12 18:44 신고  ×