본문 바로가기

코딩 공부

Python 시작하기 Python을 배워보자 파이썬과의 인연? 학원을 다니면서 미뤄왔던 Python을 조금씩 건드려 보려 합니다. 처음 Python을 접했던 건 대학교를 다니면서 배웠던 3D프로그램인 Autodesk Maya에서 땅에 랜덤으로 나무를 생성하는 것이었습니다. 물론 그때는 프로그래밍을 하나도 몰랐기 때문에 파이썬이 뭔지 모르는 상태에서 이렇게 하면 된다는 교수님의 말만 따라서 쓴 것뿐이었지만 지금 되돌아보면 그때부터 프로그래밍을 배워보고 싶다는 마음이 생긴 것 같습니다. 환경설정이 반이라고 했던가. 우선 처음 접하는 언어이다 보니 배우면서 많은 용기를 얻을 수 있는 유튜브 채널 '생활코딩'을 참고하여 시작하기로 했습니다. PC에 직접 설치하기 그 순서대로, Interperter를 설치해 보았습니다. termina.. 더보기
JSTL JSTL JSP에서 사용 가능한 표준 태그 라이브러리 JSTL에서 제공하는 태그를 사용하면 가독성이 좋다고 한다. 기본기능(core) 형식화(format)-encoding jstl.jar standart.jar 다운로드를 한다 webapp -> WEB-INF -> lib에 jar를 넣어준다. JSP파일에 위 태그를 입력해 준다. 태그들 태그 설명 변수에 값을 설정한다 변수에 설정된 값을 제거한다 조건에 따라 처리를 다르게 할때 사용한다 여러 조건에 따라 처리를 다르게 할 때 사용한다 반복처리를 위해서 사용한다 구분자로 분리된 각각의 토큰을 처리할 때 사용한다 외부의 자원을 url을 지정하여 가져다 사용한다 지정한 경로로 이동한다 url을 재작성한다 데이터를 출력할 때 사용하는 태그로 로 대채할 수 있다 .. 더보기
EL태그 EL태그 표현 언어출력을 하기 위한 언어다. ${} 사용 예제 자료형 정수형 : ${10 } 실수형 : ${10.123 } 문자열형 : ${"홍길동" } 논리형 : ${true } null데이터 : ${null } 연산 : ${10+123 } 연산자 $앞에 \가 붙으면 $를 태그로서 인식하지 않는다. EL표현 언어에서는 나눗셈을 할 때 값이 실수형으로 나온다. 연산자 \${5 + 2} : ${5 + 2 } \${5 - 2} : ${5 - 2 } \${5 * 2} : ${5 * 2 } \${5 / 2} : ${5 / 2 } \${5 div 2} : ${5 div 2 } \${5 % 2} : ${5 % 2 } \${5 mod 2} : ${5 mod 2 } 비교 연산자 비교연산자들 \${5 == 2 } : $.. 더보기
내장객체 response 객체 response.sendRedirect(location); location정보를 클라이언트에게 전달, 클라이언트가 직접 찾아간다. 스크립틀릿 안에 코드들은 메서드 안으로 만들어진다. setAttribute(“속성이름”,”속성데이터”) pageContext.setAttribute 범위 : 해당 페이지 안에서만 사용 가능 request.setAttribute 첫 번째 정보만 저장 하지만 sendRedirect로 하면 2번째에서 저장된 정보가 사라진다. session.setAttribute 클라이언트 (웹브라우저) 별로 구분을 지어서 정보를 저장한다. 웹브라우저를 닫으면 데이터가 사라진다 클라이언트가 첫번째 요청을 보내면 sessionID를 준다. (클라이언트에 대한 객체가 생긴다) 두 .. 더보기
Java Script 02 (Events) 클릭이벤트 name : name2 : 버튼을 클릭하면 아래와 같아진다. .innerHTML 열린 태그와 닫히는 태그 안에 값을 입력할 때 name : 이 안 모두 가능하다. Focus & onBlur Focus : 선택된 상태(커서가 깜빡임) onBlur : 포거스가 빠짐 name : 자기 자신을 조작할 때의 this onchange 텍스트 필드에서 엔터기가 눌리거나 그 텍스트 필드를 빠져나올 때 onclick 문서 객체 스타일 변경하기 onmouseover ex Click on this text onmousedown, onmouseup 클릭하세요 history.back() 이전 페이지로 이동할 수 있다. 히스토리에 페이지가 남아있어야 한다. history.forward() 이건 history.back(.. 더보기
Java Script 01 (자료형, 산술연산자, 조건문, 생성자, 메서드) Java Script 자바스크립트의 컴파일은 웹브라우저에서 실행된다(front) 웹브라우저의 콘솔에서 출력된다. document.write로 웹브라우저 화면에 출력한다. console.log로 자바에서의 System.out.print처럼 쓸 수 있다. : AJAX 동기 통신 페이지를 새로고침 했을 때의 데이터 교체 비동기 통신 페이지를 새로고침 하지 않고 한 영역만 데이터 교체 *자바스크립트의 검증과 서버에서의 검증 사용자의 cpu로 데이터 사용을 한다. 자바스크립트는 서버의 부하를 줄이려는 목적도 있다.(1차 검증) 하지만 웹브라우저 안에서의 검증은 조작이 가능하기 때문에 서버에서 또 검증을 한다(2차 검증) 그렇기에 2번 입력할 필요가 있다. 자료형 안에 넣어준다. 숫자는 정수던 소수던 다 numbe.. 더보기
CSS 예제들 배운 것을 활용한 페이지 구현 1. 인덱스 페이지 CARE LAB login register nav cafe mail webtoon section section footer | About Us | Recruitment | Partnership |Terms of service 2. 로그인 페이지 빠른 상담 예약 직접 방문하시면 효과적인 공부방법을 체계적으로 상담 해 드립니다. 상담일시 오전 10시 오전 11시 오후 2시 오후 3시 오후 4시 이름 성별 여 남 연락처 010 011 016 이메일 @ 궁금한 점 개인정보 수집 약관 동의서 Ⅰ. 개인정보의 수집 및 이용 동의서 - 이용자가 제공한 모든 정보는 다음의 목적을 위해 활용하며, 하기 목적 이외의 용도로는 사용되지 않습니다. ① 개인정보 수집 항목 및 .. 더보기
CSS Table table 1. table-layout 기본값이 auto다. - fixed table layout fixed예제 table layout fixed fixed : 내용 길이에 구애받지 않고 자동으로 조절되지 않고 고정된다.내용 길이에 구애받지 않고 자동으로 조절되지 않고 고정된다. 내용 길이에 구애받지 않고 자동으로 조절되지 않고 고정된다. 내용 길이에 구애받지 않고 자동으로 조절되지 않고 고정된다. 2. border-collapse 테이블 보더 간의 간격 제거 표(table)의 테두리와 셀의 테두리 사이의 간격제거 table border-collapse table border-collapse table border-collapse 3. border-spacing 표(table)의 테두리와 셀의 테두리 사.. 더보기