전체 글148 맥북 세팅 0-1) 키보드 세팅 키반복, 반복 지연시간 체크 0-2) 맥북 세팅 팁 유투브 링크 [서울리안 유투브] [비됴클래스 유투브] [노마드코더 유투브] homebrew 설치 iterm2, vsc 설치 oh my zsh [설치링크] powerlevel10k [설치링크] 0-3) mission control (위 유투브 링크에 설정 방법이 나와있긴 하다.) 이렇게 하면 마우스를 오른쪽 아래 꼭지점을 누르면 바탕화면으로, 오른쪽 위를 찌르면 실행중인 프로그램 목록을 보여준다. 필수앱 1. Alfred 🔥 구글안켜도, command space만 눌러도 손쉽게 검색가능 spotlight -> 사용하기 안함을 눌러줘야 한다. 2. Bear 🔥 맥북 메모장어플 icloud 기반으로 작동함 UI가 상당히 깔쌈하다... 2022. 9. 23. 임원면접 준비 팁 모음 자료1 1차는 붙는데 2차면접만 보면 떨어진다? : 옴스 잡스 자료2 최종면접 채점방식 : 면접과 합격 TV 진실성 -> 성실성, 침착함, 성격, 충성도 절실함 -> 회사에 대한 애정 마지막까지 포기하지마라. 점수는 바뀔 수 있다. 자료3 임원면접은 3초만에 당락을 결정짓는다? 제대로 알자! : 인싸담당자 제이콥 임원들에게 구조화 된 면접 질문지를 줘도 그대로 질문 안한다. 1분 자기소개를 듣고 사람에 대한 고정관념을 생정한다. 매 순간마다 충실히 답변하는 자세를 가져야한다. 자료4 인성면접에서 말하는 인성이 대체 뭔가요? : 면접왕 이형 인성면접이란? 성과를 내기에 적합한 인성을 갖추었는가? 일을 대하는 태도와 자세를 가졌는가? 의사소통 역량을 돕는 상대 중심적 사고 문제해결을 돕는 배우려는 자세 분.. 2022. 5. 30. ReactJS로 영화 웹 서비스 만들기 #2 - State & Props State state 이 코드에서 시작을 해보자. 코드는 간단하다. button을 누르면 counter += 1 증가되는 코드이다. 그런데 기대와는 다르게 click을 눌러도 counter가 증가하지 않는다. 그런데 console에 counter 값을 찍어보면 증가한 것을 볼 수 있다. 이는 현재코드에서 렌더링을 딱 1번만 하기 때문이다. ReactDOM.render(,root) 그렇다면 다음과 같이 counter를 증가시키는 함수 안에 ReactDOM.render 코드를 넣어서 렌더링을 그때 마다 해주면 되지 않을까? 맞다. 위와 같이 함수 안에 ReactDOM.render 함수를 넣어주니 원했던 대로 동작한다. 그러나 이는 언뜻 생각해봐도 좋은 방법이 아니다. 매 함수마다 render 함수를 호출해야.. 2022. 5. 10. ReactJS로 영화 웹 서비스 만들기 #1 - 도입 도입 순수 HTML 버튼을 클릭하면 숫자가 1씩 증가하는 기능을 만들어보자. 다음과 같은 로직이 필요하다. HTML을 생성한다. JS에서 HTML 태그를 찾아온다. eventListener를 생성한다. eventListener에 함수를 등록한다. 위의 로직에 따라 아래와 같은 코드가 생성된다. total click : 0 Click me 위의 코드를 react 스럽게 바꿔보자. 그러려면 react library를 다운받아야 한다. body 태그 밑에 추가해주자. React React JS가 HTML을 생성해준다. 하지만 그렇게 하려면 React DOM을 생성해야 한다. React JS는 Application이 interative 하게 만들어주는 Library이다. React DOM은 모든 React El.. 2022. 4. 20. Spring Boot - Docker 예제 📌 환경 설정 공식 문서 : ( https://spring.io/guides/gs/spring-boot-docker/ ) 공식 예제 : ( https://github.com/spring-guides/gs-spring-boot-docker ) 해당 github에서 코드를 clone한다. complete 폴더로 이동한다. ./gradlew build cd libs > build java -jar ~.jar 📌 예제 실행 🔖 Dockerfile FROM openjdk:8-jdk-alpine RUN addgroup -S spring && adduser -S spring -G spring USER spring:spring ARG DEPENDENCY=target/dependency COPY ${DEPENDENCY}.. 2022. 3. 22. 메세지 큐 & 카프카 기본 📦 메세지 큐 메세지 큐란? 메세지 큐란 프로세스 또는 프로그램 간에 데이터를 교환할 때 사용하는 통신 방법 중에 하나로, 메세지 지향 미들웨어(Message Oriented Middleware:MOM)를 구현한 시스템을 의미한다. 메세지 지향 미들웨어란 비동기 메세지를 사용하는 응용 프로그램들 사이에서 데이터를 송수신하는 것을 의미한다. 여기서 메세지란 요청, 응답, 오류 메세지 혹은 단순한 정보 등의 작은 데이터를 의미한다. 메세지 큐는 메세지를 임시로 저장하는 간단한 버퍼라고 생각하면 된다. 메세지를 전송 및 수신하기 위해 중간에 메세지 큐를 두는 것이다. 메세지는 생산자로 취급되는 Component가 메세지를 메세지 큐에 추가함으로써 생성된다. 해당 메세지는 소비자로 취급되는 또 다른 Compon.. 2022. 3. 18. 인프런 nft 강좌 #3 - react 개발 📌 Main 페이지 🔖 main.tsx import React, { FC, useState } from "react"; import { Box, Text, Flex, Button } from "@chakra-ui/react"; import { mintAnimalTokenContract } from "../contracts/index"; // import AnimalCard from "../components/AnimalCard"; interface MainProps { account: string; } const Main: FC = ({ account }) => { const [newAnimalCard, setNewAnimalCard] = useState(); const onClickMint = asyn.. 2022. 3. 14. 인프런 nft 강좌 #2 - react 세팅 📌 세팅 현재 web3 관련해서 create-react-app으로 생성 시 버그가 있으므로, 아래 boiler-plate를 clone해서 사용하자. ( https://github.com/h662/web3-boilerplate ) 🔖 UI chakra ui를 사용하자. ( https://chakra-ui.com/ ) npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6 🔖 index.tsx import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; import reportWebVitals from "./reportWebVita.. 2022. 3. 14. 이전 1 2 3 4 ··· 19 다음
