React에서 css class 사용 시 className 으로 attribute 이름을 사용CSS를 import 해서 사용import React from "react";import "./App.css";import MyHeader from "./MyHeader";function App() { let name = "테스트"; return ( 안녕 리액트 {name} React.js );}export default App;인라인 스타일로 CSS 사용import React from "react";import "./App.css";import MyHeader from "./MyHeader";function App() { let name = "테스트"; con..
React의 컴포넌트를 만드는데 사용하는 문법let test = "테스트";return ( {text} {1 + 2} {number % 2 === 0 ? "짝수" : "홀수"} );위 코드와 같이 { } 를 이용해 변수나 데이터를 넣을 수 있음.{func()} 처럼 함수를 호출할 수도 있으나 숫자나 문자열 처럼 화면에 표시할 수 있는 데이터 타입을 return해주면 화면에 해당 값을 뿌려주지만 그렇지 않은 경우 화면에는 아무것도 나타나지 않는다.닫힘 규칙여는 태그가 있으면 반드시 닫는 태그도 있어야한다최상위 태그 규칙취상위 태그 : 컴포넌트 최상위에 위치한 태그JSX로 컴포넌트를 만드려면 반드시 최상위 태그로 다른 태그들을 묶어줘야한다최상위 태그로 묶고 싶지 않다면 react fragment로 대..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cl2kHp/btsIHIon0gg/6wFTRbG284WVLTD0AmcLwk/img.png)
사내에서 필요한 도구를 Chrome Extension으로 만들어봤었는데 Desktop Application 형태로 만들려면 어떤 도구가 적합할까 생각하다가 찾았던 Electron.notion에 메모했던 내용을 블로그로 옮겨본다. 기본적으로 npm 설치가 선행되어야함 프로젝트 시작하기1. 적당한 경로에 작업 폴더를 생성2. 작업 폴더에서 npm init 명령어 실행3. 명령어 실행 후 설정 값들을 입력할 때 다른 값들은 기본 값을 사용하되 entry point는 main.js로 입력Electron Application에서 main.js를 entry point로 사용하는 것은 많은 튜토리얼에서 사용하는 관습Electron Application은 두 가지 주요 프로세스로 구성됨 (Main / Renderer..
제목은 거창하지만 그냥 짧은 소감..2017년 웹 UI 테스팅을 위해 처음 Selenium을 사용했었다.당시 반복되는 테스트를하며 이걸 사람이 왜 이렇게 해야되나 싶어 찾았던 것이 Selenium.브라우저별 드라이버를 설정하고 브라우저별로 테스트 코드를 실행했었는데,당시 내 필요를 충족하는 유일한 도구가 Selenium이라 불편함은 일부 있지만 유용하게 사용했었다.특히 IE를 지원해야하는 상황에서 IE까지 드라이버를 통해 테스팅할 수 있었으니.. 많은 도움이 되었다. 그리고 수년이 지나 2023년.계속해서 Selenium을 사용해야할까? 고민이 되었다.프로젝트 환경을 설정하면서 영.. 번거롭다는 생각이 들었다.그러다 여러 기업들의 기술 블로그를 보며 많이 언급되던 Playwright를 알게되었다. npm..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/nM86u/btsHZJbTWBT/1DPcNvyyTIdKHKaO6DnDiK/img.png)
Amazon Linux 2023에서 JDK 8을 가장 쉽게 설치할 수 있는 방법은 Amazon Corretto 8을 설치하는 것이다.Amazon Corretto는 무료로 사용할 수 있는 Open Java Development Kit(OpenJDK)의 프로덕션용 멀티플랫폼 배포판입니다. Corretto는 성능 향상 및 보안 수정을 포함한 장기 지원을 제공합니다. Corretto는 Java SE 표준과 호환되는 것으로 인증되었으며 Amazon 내부적으로 많은 프로덕션 서비스에 사용됩니다. Corretto를 사용하면 Amazon Linux 2, Windows, macOS 같은 운영 체제에서 Java 애플리케이션을 개발하고 실행할 수 있습니다. 서버 터미널에서 아래 명령어를 입력하면 바로 yum을 통해 설치가 ..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/zRbFp/btsHk32tmeD/kZ55fuuBB8e2BFXsM1QHBk/img.png)
새로운 맥에 IntelliJ를 설치하고 테스트 코드를 실행하니 아래와 같은 에러가 발생하고 테스트 코드가 JUnit으로 실행되지 않았다. Run Configurations에 JUnit을 추가하여 실행하면 실행은 되었지만 특정 메소드 단위로 실행하는 것은 문제가 조금 있어아래 방법을 적용하여 해결하였다. Settings > Build, Execution, Deployment > Build Tools > Gradle 설정에서 Run tests Using 옵션을Gradle에서 InteliJ IDEA로 변경하면된다.
2020년 11월 지원 종료된 CentOS6를 사용하는 개발 서버에 Certbot을 설치해서 SSL 인증서를 발급받고자 했다. 그러나 yum을 사용하지 못하는 상황에서 rpm 파일도 찾기 어려워 어떻게 해결할까 고민했었는데 문득 Docker를 쓰면 되겠구나하는 생각이 들었다. 그래서 먼저 Docker를 설치했다. echo "http://vault.centos.org/6.10/sclo/x86_64/sclo" > /var/cache/yum/x86_64/6/base/mirrorlist.txt echo "http://vault.centos.org/6.10/sclo/x86_64/sclo" > /var/cache/yum/x86_64/6/extras/mirrorlist.txt echo "http://vault.cen..
- Total
- Today
- Yesterday
- JavaScript
- 자바
- iBATIS
- Xcode
- IT
- tomcat
- MacOS X
- Spring
- SQL
- iOS 개발
- JSP
- 자바스크립트
- 제이쿼리
- 아이폰 개발
- MAC OSX 10.7
- iPhone
- 아이폰 어플리케이션
- Object C
- 오브젝티브 C
- Objective-C
- jQuery
- Objective C
- Java
- zero
- 아이폰
- oracle
- 오브젝트 C
- Spring Framework
- MySQL
- Programming
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |