생활코딩

· 생활코딩
const (Default) : constant. 상수. 변경 불가한 변수 let : 변경 가능한 변수 기본적으로는 const를 많이 쓰고, 변경이 필요하다 생각되었을 때 let으로 변경. var도 사용할 수 있는데 그러면 규칙이 없어서 언어를 통한 보호를 받지 못 함.
package array; public class TwoDim { public static void main(String[] args) { char[][] alpha = new char[13][2]; char alp = 'A'; for(int l= 0 ; l < alpha.length ; l++) { for(int m =0; m < alpha[l].length ; m++) alpha[l][m] = alp++; } for(int l= 0 ; l < alpha.length ; l++) { for(int m =0; m < alpha[l].length ; m++) { System.out.printf("%3c", alpha[l][m]); } System.out.println(); } } }
◇ 강조 태그 - 글씨체 강조 효과 - , : 굵게 - : 기울임꼴 - : 형광펜 처리 - : 작게 cf) 또 다른 글씨체 기울임 효과 style= "font-style: italic;" ■ 테이블 태그 - : 표 만드는 태그 (1) - : 테이블 제목부분 (2-1) - : 테이블 내용부분 (2-2) - : 표에 데이터 입력 (3) - : 행 (가로줄) (2) - : 열 (세로줄) 제목 (3) 1. rowspan : 행 (가로줄) 병합 시 사용 위 아래 두 줄 합쳐짐 2. colspan : 열 (세로줄) 병합 시 사용 colspan좌우 두 줄 합쳐짐 ◇ 테이블 안의 내용, 중앙정렬하고 싶을 때 1. 일일이 설정하거나 한글 2. 테이블 자체에 중앙정렬 걸어주기 - 그 外 [ CSS 응용 ] DIV 중앙정렬..
초기 페이지 구현 해시 (frag identifier) : 사용자에게 url 통해 접근하고 싶을 때 사용 (북마크 기능) (예) 세 번째 문단으로 가게 하고 싶을 때 three . . . . 해시뱅 Hash Bang (!#) 강의만으로는 이해가 되지 않는 부분이 있어 구글에 검색해 보았다. 나중에 아래 글들 다시 한 번 더 읽어보기. 해시뱅(#!)에 대해서... :: Outsider's Dev Story 해시뱅을 처음 본 것은 작년에 트위터가 새로운 웹사이트를 선보였을 때입니다.제 트위터 계정인 http://twitter.com/outsideris로 접속하면 http://twitter.com/#!/outsideris로 리다이렉트 되는데 URL의 중간에.. blog.outsider.ne.kr 해시뱅(Has..
fetch API 기본 사용법 1) 경고창 fetch('html') ; html 파일에 있는 내용 경고창으로 띄우고 싶으면 ' alert(text) ; 모든 작업이 끝난 후 호출. text 변수 안에는 서버가 응답한 데이터가 들어있음 2) 웹페이지의 내용 바꾸고 싶을 때 fetch API의 요청과 응답 fetch('html'); : fetch 함수 ; 첫 번째 인자로 전달된 데이터를 서버에게 요청. → Asynchronous (비동기적) ; 동시에 실행. 병렬적. fetch API - response 객체 1) 둘 다 같은 의미의 함수. function callmeback() { console.log('response end'); } callmeback = function(){ console.log('r..
· 생활코딩
데이터베이스의 핵심적 작업 4가지 ; CRUD INPUT - Create : 생성 - Update : 수정 - Delete : 삭제 OUTPUT - Read
: colors.js 파일에 겹치는 부분 저장해놓고, 위 코드 이용해 파일 불러오기. (웹페이지에 포함시키기) => 캐싱, 시간과 돈 절감 가능! 라이브러리와 프레임워크 라이브러리 : 땡겨와서 쓰는 느낌 (JQuery) 프레임워크 : 안에 들어가서 쓰는 느낌 공통점 - 다른 사람과 협력할 때 사용 JQuery를 쓰고 싶을 때 (예1) $('a').css("color", color); $('a') : 모든 a 태그를 JQuery로 제어하겠다는 의미 css라는 함수를 JQuery가 대신 만들어 둔 것 아래 코드와 같은 의미 (아래 코드처럼 반복문 안 쓰고, 한 줄로 대체 가능) var alist = document.querySelectorAll('a'); var i = 0; while(i < alist.le..
객체 객체 ; 폴더의 관점. (이름이 있는 정리정돈 상자). 중괄호 { } 써줌 (배열에서는 대괄호[ ]) 메소드 : 객체에 소속된 함수 프로퍼티 : 객체에 소속된 변수 (예) document.querySelector('body').style.color = color; ① 객체 만들기 (예1) var coworkers = { "programmer" : "egoing", "designer" : "leezche" }; coworkers → object access operator. programmer, designer → key (배열에서는 index) egoing, leezche → coworkers[key] (예2) var Body = { setColor:function(color){ document.q..
함수 예1) function onePlusOne(){ document.write(1+1+' '); } => 호출 시 : onePlusOne(); 예2) function sum(left, right){ document.write(left+right+' '); } => 호출 시 : sum(2, 3); left, right -> 매개변수 (parameter) 2,3 -> 인자 (argument) 생활코딩 WEB2 JavaScript
imname1am
'생활코딩' 카테고리의 글 목록