본문 바로가기

분류 전체보기

 (57)
웹 퍼블리싱 3주차 ▶https://swiperjs.com/demos Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 참고하기 유요한 스위퍼 데모스 참고할 만한 자료들과 코드들이 많다. 오늘은 어제에 비해 재밌는 내용이지 않았나 싶다. 개인적으로 로그인 창을 구현하는데 어려움이 있었는데 덕분에 기능 구형은 된 반면 css적인 요소가 문제였다. 이번 기회로 나름 괜찮게 벤치마킹 할 수 있을 듯 하다.
웹 퍼블리싱 2주차 ▶폼 태그 기본 개념 : 폼 태그는 사용자로부터 데이터를 입력할 수 있는 범위를 지정할때 사용되며 주로 내부 input 요소들이 배치되어 있습니다. 오늘은 웹 퍼블리싱 2주차 강의로 공부를 했다. 자바스크립트는 어느정도 익숙해졌다고 생각했지만 평소 css부분이 어렵다고 느껴졌는데, 음 역시나 어려웠다. 모르는 개념이 나올 때마다 구글링을 하며 하다보니 1시간 30여분 되는 강의가 밤 늦게까지 이어졌다. 무리하고 싶지는 않지만, 궁금한게 늘어가고 궁금증을 해결할 때의 쾌감을 놓지 못하겠다. 공부에 대해서는 어느정도 욕심을 부려도 되지 않을까? 언젠가, 페이지를 보고 어떤 식으로 구성을 하고 어떤 기능을 구현 할 수 있는지 알 수 있는 개발자가 되고 싶다.
웹 퍼블리싱 1주차 ▶퍼블리싱 기본 개념 : Figma, Photoshop 등 그래픽 리소스를 html + css + js 로 변환해 브라우저에 표현하는 것. ▶퍼블리싱에 대한 개념 : 마크업 : HTML을 통해 기본 뼈대를 만듭니다. 스타일링 : CSS로 마크업에 색상 등의 속성을 입혀 스타일을 지정합니다. 부가 기능 : Javascript로 특정 요소에 기능을 만들어 부여합니다. ▶HTML은 크게 head와 body로 구성되며, head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다. head 안에 들어가는 대표적인 요소들: meta, script, link, title 등 페이지의 속성을 정의하거나, 필요한 스크립트들을 부릅니다. 즉, 눈에 안 보이는 필요한 것들을 담는 것. 나중에 body 작업..
[프로그래머스] 7. 나이 출력 문제 설명 머쓱이는 40살인 선생님이 몇 년도에 태어났는지 궁금해졌습니다. 나이 age가 주어질 때, 2022년을 기준 출생 연도를 return 하는 solution 함수를 완성해주세요. 제한 사항 0 2023-age
[프로그래머스] 6. 숫자 비교하기 문제 설명 정수 num1과 num2가 매개변수로 주어집니다. 두 수가 같으면 1 다르면 -1을 retrun하도록 solution 함수를 완성해주세요. 제한 사항 0 ≤ num1 ≤ 10,000 0 ≤ num2 ≤ 10,000 입출력 예 num1 num2 result 2 3 -1 11 11 1 7 99 -1 입출력 예 설명 num1이 2이고 num2가 3이므로 다릅니다. 따라서 -1을 return합니다. 나의 풀이 function solution(num1, num2) { if (num1 === num2) { return 1; } else { return -1; } }
[프로그래머스] 5. 몫 구하기 문제 설명 정수 num1, num2가 매개변수로 주어질 때, num1을 num2로 나눈 몫을 return 하도록 solution 함수를 완성해주세요. 제한 사항 0
[프로그래머스] 4. 두 수의 곱 문제 설명 정수 num1과 num2가 주어질 때, num1과 num2의 합을 return하도록 soltuion 함수를 완성해주세요. 제한 사항 -50,000 ≤ num1 ≤ 50,000 -50,000 ≤ num2 ≤ 50,000 입출력 예 num1 num2 result 2 3 5 100 2 102 입출력 예 설명 num1이 3, num2가 4이므로 3 * 4 = 12를 return합니다. 나의 풀이 function solution(num1, num2) { return num1 * num2; }
[프로그래머스] 3. 두 수의 합 문제 설명 정수 num1과 num2가 주어질 때, num1과 num2의 합을 return하도록 soltuion 함수를 완성해주세요. 제한 사항 -50,000 ≤ num1 ≤ 50,000 -50,000 ≤ num2 ≤ 50,000 입출력 예 num1 num2 result 2 3 5 100 2 102 입출력 예 설명 num1이 2이고 num2가 3이므로 2 + 3 = 5를 return합니다. 나의 풀이 const solution = (num1, num2) => num1 + num2 화살표 함수로 간단하게 표현해 보았다. 이게 제일 편한 듯하다.

티스토리툴바