분류 전체보기 178

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-08 | JavaScript 반복문

1. 반복문이란? : 특정 조건을 만족할 때 같은 동작을 반복하여 수행하도록 만든 제어하는 명령문이다. 2. 반복문의 종류 1) for문 for (초기화식; 조건식; 증감식) { 실행문장;} 2) while문 - for문과 달리 조건을 변경하는 구문이 기본적으로 포함되어 있지 않기때문에 무한루프가 가능하다. - 무한 루프에 걸리지 않도록 주의하여 사용이 필요하다 while (조건문) {실행할 코드(명령문);} //1. 조건문을 사용하는 방법 let num = 0; while (num < 10) { console.log(`$(num+1)번째`); num++; } //2. if + break사용 let num2 = 0; while(true) { conole.log(`${num2+1}번째`); num2++ i..

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-07 | JavaScript 조건문

1. 조건문이란? : 어떤 조건이 주어질 때 어떤 동작을 수행하도록 하는, 즉 조건에 따라 실행이 달라지게 할 때 사용되는 문장이다. 2. JavaScript 조건문의 종류 1) if a. if/else: if(조건) { //조건이 참이라면 실행 } else { //조건이 거짓이라면 실행 } b. if/elif/else - if-if 문과의 차이점은 if-if 문의 경우 두가지 조건을 모두 체크하는 반면, if-elif의 경우 위의 if 문이 만족되면 뒤의 elif문으로 넘어가지 않고 마치 채에 걸러지듯 if문이 아닌 것들만 elif문으로 넘어가서 조건을 판별하게 된다. 그래서 else-if => elif 이다. if(조건1) { //조건 1이 참이라면 실행 } elif(조건2) { //조건1이 거짓이고..

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-06 | JavaScript 함수

1. 함수란? : 특정 동작(기능)을 수행하는 일부 코드의 집합(부분)이다. 2. JavaScript의 함수 작성법 1) 함수 선언문 - 함수 선언문은 선언을 하면 마치 구조상 맨 꼭대기에서 선언한 것과 동일하게 동작하므로, 어디서든 호출 가능하다. -*호이스팅: 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미 function 함수명(인자) {실행동작;} 2) 함수 표현식 - 함수 표현식은 함수 작성 이후에만 호출이 가능하다. let 함수 명 = function(인자){ 실행동작;} 3) 화살표 함수 - 함수 표현식과 동일하며, 축약된 형태이다. let 함수명 = (인자) => {실행동작;} 3. onclick이란? : 각각의 HTML요소에 속성 값으로 Js 함수를 연결하는 ..

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-05 | JavaScript 기초

1. JavaScript란? 객체 기반의 스크립트 프로그래밍 언어이다. 웹페이지에 생동감을 부여한다. 2. JavaScript 참조 방식? - 내장 방식과 링크 방식이 존재한다. - 내장 방식: 위치는 어디서나 사용이 가능하다. - 링크 방식: 위치는 어디서나 사용이 가능하다. - 장단점 내장 방식 링크 방식 장점 - 간단함, - 특정 페이지에서만 작동할 경우 내장방식으로만 구현이 가능함 - 코드 양이 많아질때 파일로 관리하는 것이 편리함 - 재사용 가능 - 유지 보수의 용이성 단점 - 재사용 불가 - 복잡한 코드일 때 사용하지 않음 3. JavaScript 표기법 - 띄어쓰기를 '-' 로 표기하는 dash-case방법이나, '_'로 표현하는 snake_case 방법은 JavaScript에서 사용되지 않..

백준- 단계별로 풀어보기| 1단계- 입출력과 사칙연산-02

단계 문제 번호 제목 코드 10 2588 곱셈 a = int(input()) b = int(input()) num_list = list(map(int,str(b))) print(num_list[2]*a) print(num_list[1]*a) print(num_list[0]*a) print(a*(num_list[2] + 10*num_list[1] +100*num_list[0])) 빈 칸에 들어갈 수는? 11 11382 꼬마 정민 a, b, c = map(int,input().split()) print(a+b+c) 더 큰 수를 더하는 문제 12 10171 고양이 print('\\ /\\') print(" ) ( ')") print('( / )') print(' \\(__)|') \, ' 등의 문자에 주의하며..

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-04 | CSS 간단한 웹페이지 구현

1. 먼저 깃을 설치한다. A. 윈도우: https://git-scm.com/ a. 위 페이지에서 비트에 맞게 설치 b. git --version 쳐서 잘 깔렸는지 확인 B. mac: macOS 용 패키지 관리자 — Homebrew a. 위에 있는 걸 복사해서 커맨드 창에 복붙한다. b. brew install git 친다. c. 근데 M1은 오류가 날 수 있다. 그러면 eval 치고 다음 brew install git 쳐준다. d. git --version 쳐서 잘 깔렸는지 확인 2. 깃을 세팅한다. #1.공통 git config --global init.defaultBranch main #2 #윈도우만 git config --global core.autocrlf true #맥만 git config -..

프론트앤드/CSS 2023.03.08

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-04 | CSS Animation

1. @keyframes란? - CSS의 애니메이션 효과를 개발자가 직접 지정하는 기능이다. - 애니메이션의 중간 지점마다 CSS 속성 값을 지정하여 세밀하게 애니메이션을 조절하는 기능 - 키프레임을 변수에 선언하고 해당 변수를 CSS 에서 불러와서 사용할 수 있다. 2. @keyframes에서 설정되는 값 - to/ from - 0% ~ 100% 3.Animation의 속성? 1) animation-name(이름): keyframes로 지정한 애니메이션 이름 2) animation-duration(지속시간): 애니메이션 지속 시간 3) animation-delay(지연 시간): 애니메이션 시작 전 지연 시간 4) animation-iteration-count(반복횟수): 반복 횟수를 지정, 소수점 가능..

프론트앤드/CSS 2023.03.07