Yeonn's 기록하며 성장하는 개발일지 :)

function solution(s){ const sameLevelStr = s.toLowerCase(); let lengthP = 0; let lengthY = 0; for(let i=0; i

먼저 운영체제, 즉 OS란? 컴퓨터시스템을 운영하는 소프트웨어 = 운영체제 OS 여기서 컴퓨터는? 정보를 처리하는 기계 ! 그러면 컴퓨터는 정보를 어떻게 처리하는것일까? 정보의 최소단위 = bit(binary digit) => 정보의 상태변환 ( 0 -> 1 / 1 -> 0 ) 리눅스 ; 하드웨어를 관리해서 사용자가 프로그램을 사용하기 쉽게 도와주는 운영체제 우분투는 그런 리눅스 버전 중 하나 ​ *리눅스 위에서 '서버 프로그램'을 돌리게됩니다. _Why? 서버에 특화된 운영체제. 리눅스가 무료이기 때문 '서버'는 클라이언트 요청에 응답하는 컴퓨터. ​ (요청의 종류; 로그인, 회원가입,상품리스트 요청,,,등등) ​ 우분투란? 리눅스의 유명한 버전 중 하나 LAN(Local Area Network) ; ..

Next.Js에서 _app.js 는 리액트에서 index.js와 같은 역할을 한다. export default function App({ Component, pageProps }) { return ( ); }

style JSX는 Nest.JS에서의 고유한 방법 컴포넌트 내부에서만 작동해서 이또한 다른 컴포넌트와 충동 날 가능성이 없다.

먼저 module.css 파일을 만들어주고, .nav { display: flex; justify-content: space-between; background-color: tomato; } CSS를 작성해준다. 이 스타일을 적용할 컴포넌트에 import styles from "./Navbar.module.css"; import를 해주고, 기존의 방시인 className = "nav"와 같이 텍스트형태가 아니라 자바스크립트 오브젝트에서의 프로퍼티형식으로 작성해주면 module.css의 nav가 적용이된다! 모듈울 사용하면 가장 큰 장점은 className이 랜덤한 고유문자로 들어가기때문에 어떠한 충돌도 일어나지않는다. return ( Home About ); => 조건을 사용해 스타일을 주는방법 그렇다면..

const router = useRouter(); useRouter 훅은 Next에서 제공하는 훅이다. console에 찍어보면 이렇게 찍히게 되는것을 볼 수 있다. Home 간단하게 라우터를 이용해서 스타일도 줄 수 있어서 편한거같다!

interface PeopleInterface { name: string age: number } const me1: PeopleInterface = { name: 'yc', age: 34, } type PeopleType = { name: string age: number } const me2: PeopleType = { name: 'yc', age: 31, } interface는 타입과 마찬가지로 객체의 타입의 이름을 지정하는 또 다른 방법이다. 확장(타입의 확장 가능 / 불가능 여부) interface PeopleInterface { name: string age: number } interface StudentInterface extends PeopleInterface { school: strin..

Partial : 파셜 타입은 모든 타입 => 옵셔널 interface Address { email: string; address: string; } type MayHaveEmail = Partial; const me: MayHaveEmail = {}; // 가능 const you: MayHaveEmail = { email: 'test@abc.com' }; // 가능 const all: MayHaveEmail = { email: 'capt@hero.com', address: 'Pangyo' }; // 가능 타입의 모든 요소가 옵셔널타입이다. (선택적으로 사용이가능) Pick : 픽(Pick) 타입은 특정 타입에서 몇 개의 속성을 선택(pick)하여 타입을 정의할 수 있다. interface Hero { ..