WINK-(Web & App) (425) 썸네일형 리스트형 [2023 신입부원 기초 스터디] 조상혁 3주차 - CSS와 친해지기 float 속성 float 의 사전적 의미는 "뜨다" HTML 요소에 float이 적용되면 그 요소는 흐름에서 벗어나 둥둥 떠다니듯 배치된다. 자주 사용되는 속성값 none - 기본값으로 요소를 띄우지 않음 left - 왼쪽에 띄움 right - 오른쪽에 띄움 inherit - 부모 요소로부터 상속 initial - 기본값으로 설정 clear 속성 clear는 취소하다는 뜻으로 float: left; 또는 float: right; 값을 취소한다. 속성값 clear:none; - 기본값 clear: left; - 왼쪽 취소 clear: right; - 오른쪽 취소 position 속성 HTML 요소를 배치하는 방법을 지정 static - 요소가 html 문서에서 일반적인 흐름을 따라 배치되게 하며,기본값이.. [2023 신입부원 심화 스터디] 이정욱 #3주차 - 보충 수업 Part1, 2 1. 문자열 메소드 1) toUppercase(), toLowerCase() 모두 대문자로 바꿔주거나 소문자로 변환해줌 2)trim(), trimStart(), trimEnd() trim()은 모든 공백 삭제 trimStart()은 앞쪽 공백 삭제 trimEnd()은 뒷쪽 공백 삭제 3)repeat() repeat에 반복 횟수를 넣어주면 해당str이 반복 횟수만큼 반복함. 4)padEnd(), padStart() padding해줄 간격과 그 간격 만큼 채워 넣을 문자를 입력해주면 그만큼 padding을 채워 넣어 준다. 5)indexOf() 특정 문자열이 문자열 인덱스 어디 부분에 있는지 찾아줌. 만약에 특정 문자열이 없다면 -1을 리턴 6)includes() 특정 문자열을 포함하고 있는지 확인하여 tr.. [2023 신입부원 심화 스터디] 박지민 #3주차 - 보충수업 Part .1, Part. 2 1. 문자열 메소드 - toUpperCase() : 문자열을 모두 대문자로 변환 - toLowerCase() : 문자열을 모두 소문자로 변환 - trim() : 문자열의 앞 뒤 공백 제거 - trimStart() : 문자열의 앞쪽 공백 제거 - trimEnd() : 문자열의 뒤쪽 공백 제거 - repeat(n) : 문자열을 n번만큼 반복해서 새로운 문자열 반환 (원본 객체 변함 X) - padStart(n, c) : 앞쪽에 지정한 값 넣음 - 문자열의 길이가 n이 될 때까지 c값 넣기 (원본 객체 변함 X) - padEnd(n, c) : 뒤쪽에 지정한 값 넣음 - 문자열의 길이가 n이 될 때까지 c값 넣기 (원본 객체 변함 X) - indexOf(c) : 주어진 키워드 값을 문자열에서 검색하여 일치하는 .. [2023 신입부원 심화 스터디] 신진욱 #3주차 - Part 4, Part 5 1. 문자열 메소드 - toUpperCase() : 대문자 변환 - toLowerCase() : 소문자 변환 - trim() : 문자열 앞, 뒤 공백 제거 - trimStart() : 문자열 앞 공백 제거 - trimEnd() : 문자열 뒤 공백 제거 - repeat(n) : 문자열을 n번 만큼 반복해서 새로운 문자열 생성 (원본 객체의 값은 변함 X) - padStart(n,c) : 문자열 앞쪽에 원하는 값 넣기 (문자열 길이 n이 될 때까지 c값 넣기) (원본 객체의 값 변함 X) - padEnd(n,c) : 문자열 뒷쪽에 원하는 값 넣기 (문자열 길이 n이 될 때까지 c값 넣기) (원본 객체의 값 변함 X) - indexOf(c) : 주어진 키워드 값을 문자열에서 검색해서 일치하는 첫번째 인덱스, .. [2023 백엔드 스터디] 성정규 #1주차 - 3장, 노드 기능 알아보기 3장, 노드 기능 알아보기 3.1 REPL 사용하기 REPL(Read Eval Print Loop) : 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Print), 종료할 때까지 반복한다(Loop) 는 의미 한두 줄짜리 코드를 테스트하는 용도로는 적합하지만 긴 코드의 경우 자바스크립트 파일로 만든 후 파일을 통째로 실행해보는 것이 좋다. 3.2 JS 파일 실행하기 콘솔에서 node [자바스크립트 파일경로] 로 실행한다. 확장자(.js) 는 생략해도 된다. 3.3 모듈로 만들기 모듈이란 특정한 기능을 하는 함수나 변수들의 집합을 말하며, 여러 프로그램에 모듈을 재사용할 수 있다. 3.3.1 CommonJS 모듈 module.exports 에 객체나 함수, 변수 등을 대입하여 con.. [2023 백엔드 스터디] 성정규 #1주차 - 2장, 알아두어야 할 자바스크립트 2장, 알아두어야 할 자바스크립트 2.1 ES2015+ 2015년 자바스크립트 문법에 매우 큰 변화가 있었다. 이것이 ES6이라고도 불리우는 ES2015가 등장한 것이다. 2015년을 기점으로 매년 문법 변경 사항이 발표되고 있으며, 이 책에서는 ES2015이상의 자바스크립트를 통틀어서 ES2015+라고 표현한다. 2.1.1 const, let const 와 let 이 공통적으로 가지는 특징인 블록 스코프(범위)의 차이 var 은 함수 스코프를 가지므로 if문의 블록과 관계없이 접근할 수 있음. 하지만 const 와 let은 블록 스코프를 가지므로 블록 밖에서는 변수에 접근할 수 없다. const 는 한 번 값을 할당하면 다른 값을 할당할 수 없다. 또한, 초기화 할 때 값을 할당하지 않으면 에러가 난다.. [2023 백엔드 스터디] 성정규 #1주차 - 1장.노드 시작하기 1장, 노드 시작하기 1.1 핵심 개념 이해하기 1.1.1 서버 노드는 서버 어플리케이션을 실행하는 데 제일 많이 사용한다. 서버는 무엇인가? 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램 클라이언트의 요청에 대해 Yes or No 로 응답 노드는 자바스크립트 프로그램이 서버로서 기능하기 위한 도구를 제공하므로 서버 역할을 수행할 수 있다. 1.1.2 자바스크립트 런타임 Node.jsⓇ는 Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타임이다. 1.1.3 이벤트 기반 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식 “이벤트 리스너(event listener)에 콜백(callback) 함수를 등록한다”는 말은, 이벤트 기반 시스템에서는 특정 이벤트가.. [2023 백엔드 스터디] 이지원 #2주차 - 6.1~6.2장 Express 웹 서버 만들기 6.1 익스프레스 프로젝트 시작하기 실습을 위해 package.json을 다음과 같이 작성한다. { "name": "learn-express", "version": "0.0.1", "description": "익스프레스를 배우자", "main": "app.js", "scripts": { "start": "nodemon app" }, "author": "ZeroCho", "license": "MIT" } 필요한 패키지를 설치한다. $ npm i express $ npm i -D nodemon 서버 코드에 수정 사항이 생길 때마다 매번 서버를 재시작하기는 귀찮다. nodemon 모듈은 이 작업을 자동화해준다. 따라서 앞으로 서버 코드를 수정하면 nodemon이 서버를 자동으로 재시작하며, nodemon이 실.. 이전 1 ··· 45 46 47 48 49 50 51 ··· 54 다음
