본문 바로가기

분류 전체보기

 (1092)
[생활코딩]WEB2-Node.js (8)(2020.12.23) 본 내용은 해당 강의 토대로 작성 App - 객체를 이용해서 템플릿 기능 정리 정돈하기 main.js에서 객체를 이용해서 코드의 복잡성을 낮춘다. function templateHTML(title, list, body, control){ return ` WEB ${list} ${control} ${body} `; } function templateList(filelist){ var list = ''; var i = 0; while(i < filelist.length){ list = list + `${filelist[i]}`; i = i + 1; 위의 두 함수는 template라는 접두어를 가지고 있다. 이렇게, 함수를 만들 때 접두사나 접미사를 사용하는 이유는 같은 것을 그룹핑하기 위해서이다. 이 두 함..
[생활코딩]WEB2-JavaScript (6)(2020.12.22) 본 내용은 해당 강의 토대로 작성 객체의 형식 객체(Object)는 정보를 정리하는 수납상자 역할을 한다는 점에서 배열(Array)와 비슷하다. 다른점은 아래와 같다. Object Array 순서 없음 순서에 따라 저장 식별자: 문자(이름) 식별자: 숫자(0부터) 중괄호{} 대괄호[] 또, 객체에서는 식별자를 key, 값을 value라고 한다. 구체적인 예시로, 각각을 선언하고 출력하는 것은 아래와 같다. var members = ['siru','jaemin','greedysiru']; console.log(members[1]); // 콘솔창에 jaemin 출력 var roles = { 'programmer':'jaemin', 'cat' : 'siru', 'id' : 'greedysiru' } conso..
Codeup: 기초 100제 (81~90) (2020.12.23) 사용 언어는 Python입니다. 1. 1083 369 게임을 이기는 프로그램 작성 x = int(input()); for i in range(1,x+1): if i % 3 ==0: print("X"); else: print(i); 2. 1084 빨강(r), 초록(g), 파랑(b)을 다르게 섞어 만들 수 있는 모든 경우의 조합과 총 가짓수 계산 r,g,b = input().split(); r = int(r); g = int(g); b = int(b); x = 0 for i in range(r): for j in range(g): for k in range(b): print(i,j,k); x = x+1; print(x); 3. 1085 1초 동안 마이크로 소리 걍악을 체크하는 수 : h 한 번 체크한 결과를..
[생활코딩]WEB2-Node.js (7)(2020.12.22) 본 내용은 해당 강의 토대로 작성 App - 글수정 - 수정 링크 생성 이제, 사용자가 수정을 할 수 있도록 update 기능을 추가한다. 전체 템플릿의 틀을 바꾸고 주소에 따른 템플릿 또한 그에 맞게 변경한다. 홈에 있을 때는 update기능을 넣지 않는다. 함수 templateHTML 에 control 인자를 넣는다. function templateHTML(title, list, body, control){ . . ${control} 사용자가 홈 / 에 있을 경우의 템플릿을 수정한다. var template = templateHTML(title, list, `${title}${description}`, `create` ); 사용자가 리스트의 페이지에 있을 경우의 템플릿을 수정한다. var templa..
Codeup: 기초 100제 (71~80) (2020.12.22) 사용 언어는 Python입니다. 1. 1073 정수를 순서대로 입력, 0이 아니면 입력된 정수를 출력하고 0이 입력되면 중단 2 X = input().split(); i = 0; x = int(X[i]); while x != 0: print(x); i = i + 1; x = int(X[i]); 2. 1074 정수(1 ~ 100) 1개가 입력되었을 때 카운트다운 출력 x = int(input()); i = 0; while (i != x): print(x-i); i = i +1; 3. 1075 정수(1 ~ 100) 1개가 입력되었을 때 카운트다운 출력 2 처음에 입력한 수 -1 부터 출력 x = int(input()); i = 1; while (i != x+1): print(x-i); i = i +1; 4...
[생활코딩]WEB2-Node.js (6)(2020.12.19~21) 본 내용은 해당 강의 토대로 작성 HTML-form 지금까지, 데이터 디렉토리에 접근할 수 있는 것은 자기 자신이기 때문에 컨텐츠 생성은 소유자만 할 수 있었다. 지금부터는, 사용자가 서버를 통해서 데이터를 전송하면 컨텐츠를 생성, 수정 삭제를 할 수 있도록 HTML-form을 알아본다. 아래의 명령어와 설명을 보자. : HTML-form을 사용 ​ -action : 각 각의 컨트롤input, textarea에 사용자가 입력한 정보를 submit했을 때 속성이 가르키는 곳으로 전송 : 사용자가 데이터를 입력할 수 있는 컨트롤 생성 ​ -type="text" : 텍스트 상자 ​ -type="submit" : 제출버튼 : 여러줄 입력할 수 있는 텍스트 상자 만들어진 컨트롤들에 위와 같이 입력하면 아래와 같은..
Codeup: 기초 100제 (61~70) (2020.12.21) 사용 언어는 Python입니다. 1. 1063 입력된 두 정수 a,b 중 큰 값을 출력(조건문 사용하지 않고 3항 연산자 사용) a,b =input().split(); a = int(a); b = int(b); print (a if a>b else b); Python의 3항 연산자는 if와 else로 표현 2. 1064 입력된 세 정수 a,b,c 중 가장 작은 값을 출력하는 프로그램을 작성(3항 연산자 사용) a,b,c = input().split(); a = int(a); b = int(b); c = int(c); min = (a if a69: if score>89: print("A"); else: print("B"); else: print("C"); else: print("D"); 7. 1069 평가..
내 컴퓨터의 마크다운 문서를 블로그에 바로 포스팅하자! - markdown-tistory 패키지 본 포스팅은 원작자 jojoldu님의 동의를 구하고 작성하였습니다. markdown-tistory 패키지 개발자 지망생으로서, 그날 그날의 TIL를 쓰는 저는 티스토리의 미흡한 markdown 지원에 불만족스러웠습니다. 문서의 출력이 Github와 Typora처럼 제가 원하는대로 되지 않기 때문이었습니다. 구글링을 통해서 여러 방법을 알아보았는데도 HTML이나 CSS를 손보는 선에서는 만족스럽지 않았습니다. 그런 와중에, 제가 자주 보는 jojoldu님 블로그에서 착각 주도 개발 이라는 글을 읽게 되었고, 아주 유용한 패키지인 markdown-tistory를 알게 되었습니다. ( jojoldu님 블로그에는 개발자 지망생으로서 읽을 좋은 글들이 많으니 구독하시는 것을 추천드립니다.) markdown-tis..

티스토리툴바