전체 글

전체 글

    Spring Boot 테스트 설정하기

    pom.xml에 테스트 디펜던시 라이브러리 추가하기 junit4: java 유닛 테스트 라이브러리 Mockito: Mock객체를 생성하기위한 라이브러리 junit junit test org.mockito mockito-core 3.8.0 test org.mockito mockito-inline 3.9.0 test org.mockito mockito-all 1.10.19 test 어노테이션 @RunWith 스프링 부트에 속한 어노테이션(@Autowired, @Component, ...등)을 사용할 수 있도록 해주는 어노테이션. @RunWith(SpringRunner.class) @SpringBootTest 스프링 부트를 실행시켜 테스트를 진행시키도록 해주는 어노테이션. @SpringBootTest(clas..

    [CSS] 밑줄긋기

    See the Pen abJvKRZ by YoungSoo Kim (@znxkznxk1030) on CodePen. 가상 요소(pseudo-element)인 ::after 를 이용해서 밑줄을 그어봅시다. 가상요소(pseudo-element)란? 선택자에 추가하는 키워드로, 선택자의 특정 부분만 스타일 하기위해 사용합니다. 비슷한 요소로 가상클래스(pseudo-classes)는 선택자의 특정 상태에 스타일 하기위해 사용합니다. CSS3부터는 가상클래스는 :로(:hover, :active, 등) 시작하고, 가상요소는 ::로(::after, ::before, 등) 구분해요. * CSS2까지는 :after로 사용했지만 CSS3부터는 ::after로 사용하길 권장합니다. 1. 밑줄 생성 ::before와 ::aft..

    [CSS] 삼각형 만들기

    See the Pen JjEgdoB by YoungSoo Kim (@znxkznxk1030) on CodePen. 웹 브라우저에 표현하기 위한 언어인 HTML와 CSS은 Box Model 기반으로 구성되어 있습니다. 그렇기 때문에, HTML/CSS에서 네모난 박스를 구하는건 쉽고 자연스러운 일입니다. width, height의 값을 설정하여 박스의 크기를 지정하고, background에는 원하는 색을 넣으면 간단한 형태의 박스가 만들어 집니다. .square { height: 100px; width: 100px; background: #6592CF; } 그리고 원은 각 모서리의 굴곡(border-radius)의 정도를 조절하여 타원부터 정원의 형태까지 구현가능합니다. .circle { height: 10..

    [CSS] 버튼 treflip하기

    Treflip Button(완성된 버튼) Rotating Button l6y4o.csb.app 저는 여가 시간이 되면 스케이트 보드를 종종 타곤 하는데요. 스케이트 보드 탈 때 가장 신나는 순간은 새로운 트릭을 배우는 것이 아닐까 합니다. 트릭들은 기본적으로 띄우고 돌리는 두가지 특징을 가지고 생성됩니다. 이 두 특징을 이용해서 바닥과 평행하게 보드만 반 돌리면 Shuv-it (셔빗) 몸과 같이 반 돌면 방향에 따라 fs180, bs180 (프론트사이드 원-에이티, 백사이드 원-에이티) 보드 정면 방향에서 90도 방향으로 한바퀴 돌리면 kickflip( 킥플릭 ) 또는 heelflip ( 힐플립 ) 라고 불리게 됩니다. 토니 호크의 21가지 스케이트 트릭 그리고, 두 개 이상의 트릭이 섞여서 새로운 트릭..

    javascript로 블록체인 만들기 - 1

    Referenced by a Savjee https://www.youtube.com/watch?v=zVqczFZr124&t=767s 실제 블록체인의 모습이 어떤지, 거래가 실제로는 내부에서 어떻게 이루어지는지, 그래서 블록체인은 어떻게 구현해야 하는지 지갑, 트렌젝션 등에 있는 블랙박스를 파해치고자 합니다. 완성된 블록체인 - github.com/znxkznxk1030/yscoin 블록체인이란 무엇인가요? 사전적인 정의는 누구나 읽을 수 있는 공개된 블록으로 이루어진 퍼블릭 데이터베이스입니다. 그 각각의 블록들은 절대 변하지 않는 정보, 속성를 가지고 있죠. 그렇기에 한 블록이 한번 체인에 추가되면 절대 변할수 없게 되어, 누구나 열람은 가능하지만 위/변조가 불가능한 특징을 가진 데이터베이스입니다. 왜 ..