분류 전체보기 113

코딩 테스트 / 몫 구하기 ,숫자 비교하기

몫 구하기 ※풀이 1.num1과 num2라는 두 개의 매개 변수를 받습니다. 2.num1을 num2로 나눈 결과를 answer 변수에 저장합니다. 이때 ~~ 연산자는 소수점 이하의 값을 버리고 정수 부분만 남기는 역할을 합니다. (~가 하나만 있을 경우에는 -(n+1)을 합니다.) 3.최종 결과인 answer 값을 반환합니다. ex1) { function solution(num1, num2) { var answer = ~~(num1 / num2); return answer; } console.log(solution(10,7)) //1 } ex2) { function solution(num1, num2) { var answer = ~~(num1 / num2); return answer; } console...

programmers 2023.05.16

블로그 사이트 class로 css속성 가져와서 간단하게 만들기

같은 클래스 라도 추가로 넣는 class의 css의 값에 따라 적용되는 이미지 가 달라집니다. .cards__inner > div { width: 24%; } .cards__inner.col2 > div { width: 49%; } .cards__inner.col3 > div { width: 32.3333%; } .cards__inner.col4 > div { width: 24%; } .cards__inner.col6 > div { width: 15.6666%; } 전체 css .blog__wrap { padding: 100px 0; } .blog__wrap h2 { display: inline-block; border: 1px solid var(--color__black); font-size: 0.8e..

CSS 2023.05.11

react의 기초 알아보기 2 (컴퍼넌트, props)

컴퍼넌트 - 리액트 컴포넌트(React component)는 리액트(React) 라이브러리에서 사용되는 재사용 가능한 UI 요소입니다. 리액트는 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리로, 컴포넌트 기반 개발을 지원합니다. - 리액트 컴포넌트는 UI를 구성하는 독립적인 모듈로, 각각의 컴포넌트는 자체적으로 상태(state)와 속성(props)을 가지며, 화면에 렌더링되는 UI 조각입니다. 컴포넌트는 재사용 가능하고, 계층 구조로 구성될 수 있어 복잡한 UI를 구성하는 데 유용합니다. ex 1) import React from "react"; import ReactDOM from "react-dom/client"; function Hello(){ return Hello, world ..

JAVASCRIPT 2023.05.10

react의 기초 알아보기 1 (기초, JSX, 렌더링)

설치 방법 Node.js 설치 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org -우선 Node.js 설치한 후 코드 에디터 선택: React 코드를 작성할 수 있는 코드 에디터를 선택하고 설치합니다.(Visual Studio Code 등) - 새로운 React 프로젝트 생성을 위해 터미널 또는 명령 프롬프트를 열고 원하는 프로젝트 디렉토리로 이동후 아래 명령어로 새로운 React 프로젝트를 생성합니다. npx create-react-app 프로젝트 이름 이 명령은 Create React App을 사용하여 새로운 프로젝트를 생성합니다. 프로젝트 이름에 ..

JAVASCRIPT 2023.05.09

ajax를 이용해서 이메일 유효성 검사 하기

우선 ajax를 사용하기 위해 라이브 러리를 가져와야 합니다. ※이메일 유효성 검사 하기 let isEmailCheck = false; function emailChecking(){ // 이메일 유효성 검사 if($("#youEmail").val() == ''){ $("#youEmailComment").text("* 이메일을 입력해주세요!"); $("#youEmail").focus(); return false; } let getYouEmail = RegExp(/^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([\-.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i); if(!getYouEmail.test($("#youEmail").val())){ $("#youE..

PHP 2023.05.08

정보처리 기능사 실기 문제풀이

01. 다음 중 OSI 7 계층의 네트워크 계층에 해당하는 프로토콜을 모두 고르시오. HTTP, TCP, UDP, FTP, ICMP, IP, ATM, TELNET 답:IP,ICMP 02. 다음이 설명하는 용어를 작성하시오. 이것은 네트워로 연결된 두 호스트 사이에서 연결할 수 있는지 점검하는 진단도구이다. 이 명령을 실행하면 ICMP Echo 반향 패킷을 이용하여 원격 IP 주소에 송신하고 ICMP 응답을 기다린다. 답:PING 03. 다음이 설명하는 용어를 작성하시오. Window 10의 pro 버전에서 지원하는 기능으로 128bit 키의 CBC 모드에서 AES 암호화 알고리즘을 이용하여 이동식 디스크와 시스템 드라이브 암호화를 지원한다. 답:비트라커 04. 다음에서 설명하는 정규화 과정은 무엇인지 작..

기타 2023.04.30