60_숫자야구 자바 스크립트 코드
숫자야구 자바 스크립트 코드를 숫자 만들 때 셔플 이용해서 작성
Posts by Category
html
59_MOCHA로 UNIT TEST하기
MOCHA로 UNIT TEST하는 방법 정리
58_eslint 문법 1
eslint로 코드 수정하고 조사한 문법 정리
57_개발자 도구에서 디버그하기
chrome의 개발자 도구에서 콘솔 디버그하기
56_VS CODE에서 DEBUGGER FOR CHROME 이용하여 디버그하기
live server를 사용할 때 debugger for chrome을 사용하는 방법 정리
55_숫자야구 코드
숫자야구 페이지 만든 후, 코드 내용 업로드
54_BootStrap
BootStrap에 대해 학습 후 정리
53_CSS 스타일 활용
CSS 스타일 활용에 대해 학습 후 정리
52_CSS 스타일
CSS 스타일에 대해 학습 후 정리
51_CSS 선택자
CSS의 선택자에 대해 학습 후 정리
50_CSS 기초
CSS 기초에 대해 학습 후 정리
34_숫자 야구용 HTML, CSS 코드
숫자 야구 웹 페이지용으로 작성한 HTML, CSS코드
33_이벤트 활용하기
JAVA SCRIPT의 이벤트 활용하기를 학습 후 정리
32_JAVA SCRIPT 키보드 이벤트
JAVA SCRIPT의 키보드 이벤트 학습 후 정리
31_JAVA SCRIPT로 타이머 만들기
JAVA SCRIPT로 DOM 객체, addEventListner, setInterval(), clearInterval()을 이용하여 타이머 만들기
30_JAVA SCRIPT 마우스 이벤트
JAVA SCRIPT 마우스 이벤트에 대해 학습 후 정리
29_JAVA SCRIPT 이벤트
JAVA SCRIPT 이벤트에 대해 학습 후 정리
28_a 태그로 함수 호출하기
a 태그의 href 속성을 이용하여 자바스크립트 코드로 작성한 함수 호출하기
27_JAVA SCRIPT 함수 선언 및 호출 & 내장함수 호출
JAVA SCRIPT 함수에 대해 학습 후 정리
26_BOM 객체
JAVA SCRIPT의 BOM 객체에 대해 학습 후 정리
25_DOM 객체
JAVA SCRIPT의 DOM 객체에 대해 학습 후 정리
24_내장 객체로 D-DAY 계산하기
내장 객체 DATE, MATH 이용하여 D-DAY 계산하는 자바 스크립트 코드 작성
23_JAVA SCRIPT의 내장객체
JAVA SCRIPT의 내장객체 학습 후 정리
22_사용자 정의 객체 만들기
user라는 이름의 객체를 만들고 속성을 출력하기
21_JAVA SCRIPT의 객체
JAVA SCRIPT의 객체 학습 후 정리
20_구구단 출력하기
JAVA SCRIPT로 문자열과 숫자 결합하여 구구단 출력하는 코드 작성하기
19_제어문: FOR, WHILE
JAVA SCRIPT의 제어문 FOR, WHILE 학습 후 정리
18_IF~ELSE 구문 이용하여 논리 조건 처리 하기
if문만, if문과 else if문을 이용하여 점수에 따라 서로 다른 등급을 나타내는 코드 작성하기
17_제어문: IF, SWITCH
JAVA SCRIPT의 제어문 IF, SWITCH 학습 후 정리
16_JAVA SCRIPT 연산자
JAVA SCRIPT의 연산자 학습 후 정리
15_변수
JAVA SCRIPT의 변수에 대해 학습 후 정리
14_JAVA SCRIPT의 구조
JAVA SCRIPT의 구조 학습 후 정리
13_컴파일러와 인터프리터
컴파일러와 인터프리터 이해하기
12_JAVA SCRIPT 기초
JAVA SCRIPT 기초 학습 후 정리
11_컨트롤(form, input, button)
HTML의 컨트롤에 대해 학습 후 정리
10_데이터 전송 방식
HTTP의 구성 - Header(머리) + Body(몸통) Header - 요청 방식(Method) 알려줌, 사용자 정보와 브라우저 정보 등을 제공 Body - 서버에 데이터를 전송할 때 데이터가 담긴 부분 Get - 웹 사이트에서 검색을 위한 방식(리소스를 가져오는 행위) -...
09_외부 이미지 불러오기
절대 경로와 상대 경로를 이용하여 외부 이미지 불러오기
08_정적(static)자원 사용하기
HTML의 정적자원 학습하고 정리
07_숫자야구에 쓸 표 만들기
HTML의 table 태그와 tr, th, td 태그, CSS의 border와 text-align 이용
06_자주 사용되는 태그(table, ul, ol)
table, ul 태그에 대해 학습 후 정리
05_숫자야구 화면 설계
구현할 숫자야구 페이지를 미리 설계
04_HTML 인라인, 블럭 요소
이미지 태그에 a 태그의 href 속성 이용하여 하이퍼링크 적용
03_이미지 태그에 a 태그 속성 적용하기
이미지 태그에 a 태그의 href 속성 이용하여 하이퍼링크 적용
02_HTML 속성
HTML 속성 학습 후 정리
01_HTML 구조
HTML 구조 학습 후 정리
크롬의 개발자 도구로 log 찍기
console로 간단한 사칙연산 진행
1학기 기말 대비 웹설계 정리
css3, javascript가 주 내용
42_seoul
ft_transcendence를 마치고
ft_transcendence 회고
집현전 배포하다 터진 날
집현전 배포하다 터지고 장장 4일 간의 고난과 역경을 이겨내며 배포를 성공시킨 이야기
ft_irc를 끝내고
세 번째 팀과제, ft_irc 회고
[ft_irc] ft_irc 기본 개념
ft_irc를 시작하기 전에 알고 가면 좋을 것들
CPP Module 09
C++ STL
CPP Module 08
C++ 템플릿을 적용한 컨테이너, 반복자, 알고리즘
CPP Module 07
C++ templates
CPP Module 06
C++ 에서의 형변환
CPP Module 05
try catch를 이용한 예외 처리
[Inception] 평가를 준비하며, 평가 받으며 알게된 것들
Inception을 평가를 준비하면서, 그리고 평가 받으며 알게된 것들 정리
[Inception] Inception을 진행하며 맞닥뜨린 에러들
Inception을 진행하며 맞닥뜨린 에러들을 해결하기 위해 삽질한 이야기
[Inception] 결국 Ubuntu로 갈아타다..!
Ubuntu 설치
2023 42서울 소프트웨어 경진대회 회고
예선부터 결선까지
[Inception] setup alpine
알파인 리눅스 셋업
[Inception] install package
패키지 설치
[Inception] GUI 세팅
알파인 리눅스 GUI 세팅
[Inception] docker-compose 작성
docker-compose 작성법
두 번의 팀 과제, minishell & minirt
두 번째 팀 과제인 minirt를 끝내고 작성한 회고
Inception
Inception 과제 하면서 정리한 것들
수요지식회 후기
2022-12-07 수요지식회 후기 as audience
[수요지식회] VIM 고수인 척 하는 법
2022-12-07 수요지식회에서 들은 것
[수요지식회] Serverless right now!
2022-12-07 수요지식회에서 들은 것
[수요지식회] Happy Error Handling
2022-12-07 수요지식회에서 들은 것
[수요지식회] 알파고님은 마음이 있을까요?
2022-12-07 수요지식회에서 들은 것
멘토링: 협업, 시간 관리, 프로젝트에 대하여 - 배권한 멘토
멘토링 일자: 2022-09-27
web
스프링부트에서 테스트하기
이리밸 프로젝트를 하며 진행했던 테스트 방법들에 대한 정리
리액트를 처음 사용하며
리액트를 처음 사용하며 겪은 일들
@WebMvcTest를 사용하며 맞닥뜨린 문제
@WebMvcTest를 사용하며 겪은 문제와 해결했던 방법
초보를 위한 테스트 작성 요령
테스트는 어떻게 작성해야 할까?
[TypeORM] Advanced: JOIN
TypeORM으로 구현하는 INNER/OUTER JOIN
[TypeORM] Advanced: Query Builder
Query Builder 사용법
[TypeORM] Example using TypeORM with Express
공식 문서와 함께하는 간단한 사용법
[TypeORM] TypeORM 사용기
TypeORM 사용기 링크 모음 및 참고 링크, 여담
ORM
ORM에 대하여
HTTP 헤더
HTTP 웹 기본 지식
HTTP 상태코드
HTTP 웹 기본 지식
HTTP 메서드 활용
HTTP 웹 기본 지식
HTTP 메서드
HTTP 웹 기본 지식
HTTP API를 만들어보자
HTTP 웹 기본 지식
HTTP 메시지
HTTP 웹 기본 지식
비 연결성
HTTP 웹 기본 지식
무상태 프로토콜
HTTP 웹 기본 지식
클라이언트-서버 구조
HTTP 웹 기본 지식
모든 것이 HTTP
HTTP 웹 기본 지식
웹 브라우저 요청 흐름
HTTP 웹 기본 지식
URI
HTTP 웹 기본 지식
DNS
HTTP 웹 기본 지식
PORT
HTTP 웹 기본 지식
TCP, UDP
HTTP 웹 기본 지식
IP
HTTP 웹 기본 지식
깃허브 블로그 리뉴얼 (jekyll)
근 2년 동안 써 온 블로그를 갈아엎게 되는데…
웹에 대한 이해 및 환경설정
HTTP 이해하기
springboot
스프링부트 통합 테스트
스프링, DB와 함께 테스트하기
순수 JDBC로 리포지토리 구현하기
JDBC만 사용해서 리포지토리를 구현해보자
h2 데이터베이스 엔진 설치하기
h2 데이터베이스 엔진 설치부터 연결, 테이블 생성까지
회원 관리 예제 1 - 비즈니스 요구사항 정리
회원 관리 서비스 개발 및 테스트 예제
회원 관리 예제 3 - 서비스
회원 관리 서비스 개발 및 테스트 예제
회원 관리 예제 8 - 조회
웹 MVC 개발
회원 관리 예제 7 - 회원가입
웹 MVC 개발
회원 관리 예제 6 - 홈 화면 추가
웹 MVC 개발
회원 관리 예제 5 - 자바 코드로 직접 스프링 빈 등록하기
스프링 컨테이너에 빈 등록하기
회원 관리 예제 4 - 컴포넌트 스캔과 자동 의존관계 설정
스프링 컨테이너에 빈 등록하기
회원 관리 예제 2 - 리포지토리
회원 관리 서비스 개발 및 테스트 예제
[개인 프로젝트] 밸런스 게임
완료까지 지속 업데이트 예정
스프링 웹 개발 기초
정적 컨텐츠, mvc 패턴, API와 예제를 따라하며 발생한 에러들
Layout
Layout: Header Video
This post should display a header with a responsive video, if the theme supports it.
Layout: More Tag
This content is before the excerpt separator tag. Additional content before the more tag.
Layout: Header Image Overlay
This post should display a header with an overlay image, if the theme supports it.
Layout: Header Image Overlay with Custom Tagline
This post should display a header with an overlay image and custom tagline, if the theme supports it.
Layout: Header Overlay with Background Fill
This post should display a header with a solid background color, if the theme supports it.
Layout: Header Image (Vertical)
This post should display a header image, if the theme supports it.
Layout: Header Image (Horizontal)
This post should display a header image, if the theme supports it.
Layout: Header Image (External URL)
This post should display a header image, if the theme supports it.
Layout: Excerpt (Generated)
This is the post content. Archive-index pages should display an auto-generated excerpt of this content.
Layout: Excerpt (Defined)
This is a user-defined post excerpt. It should be displayed in place of the post content in archive-index pages.
Layout: Code Excerpt (Generated)
This is the post content with inline code, (e.g. <span style="color: red;">red</span>. It should be displayed in place of the auto-generated exce...
Layout: Reading Time, Comments, Social Sharing Links, and Related Posts Disabled
This post has reading time, comments, social sharing links, and related posts disabled.
Layout: Social Sharing Links Enabled
This post should display social sharing links.
Layout: Social Sharing Links Disabled
This post has social sharing disabled.
Layout: Related Posts Enabled
This post has related posts enabled.
Layout: Related Posts Disabled
This post has related posts disabled.
Layout: Comments Enabled
This post should display comments if a provider is enabled.
Layout: Comments Disabled
This post has its comments disabled.
Post: Teaser Image with OpenGraph Override
This post has a teaser image with an OpenGraph override.
Post: Overlay Image with OpenGraph Override
This post has a header image with an OpenGraph override.
Post: Header Image with OpenGraph Override
This post has a header image with an OpenGraph override.
Uncategorized
Layout: Header Video
This post should display a header with a responsive video, if the theme supports it.
Layout: More Tag
This content is before the excerpt separator tag. Additional content before the more tag.
Layout: Header Image Overlay
This post should display a header with an overlay image, if the theme supports it.
Layout: Header Image Overlay with Custom Tagline
This post should display a header with an overlay image and custom tagline, if the theme supports it.
Layout: Header Overlay with Background Fill
This post should display a header with a solid background color, if the theme supports it.
Layout: Header Image (Vertical)
This post should display a header image, if the theme supports it.
Layout: Header Image (Horizontal)
This post should display a header image, if the theme supports it.
Layout: Header Image (External URL)
This post should display a header image, if the theme supports it.
Layout: Excerpt (Generated)
This is the post content. Archive-index pages should display an auto-generated excerpt of this content.
Layout: Excerpt (Defined)
This is a user-defined post excerpt. It should be displayed in place of the post content in archive-index pages.
Layout: Code Excerpt (Generated)
This is the post content with inline code, (e.g. <span style="color: red;">red</span>. It should be displayed in place of the auto-generated exce...
Layout: Reading Time, Comments, Social Sharing Links, and Related Posts Disabled
This post has reading time, comments, social sharing links, and related posts disabled.
Layout: Social Sharing Links Enabled
This post should display social sharing links.
Layout: Social Sharing Links Disabled
This post has social sharing disabled.
Layout: Related Posts Enabled
This post has related posts enabled.
Layout: Related Posts Disabled
This post has related posts disabled.
Layout: Comments Enabled
This post should display comments if a provider is enabled.
Layout: Comments Disabled
This post has its comments disabled.
Post: Teaser Image with OpenGraph Override
This post has a teaser image with an OpenGraph override.
Post: Overlay Image with OpenGraph Override
This post has a header image with an OpenGraph override.
Post: Header Image with OpenGraph Override
This post has a header image with an OpenGraph override.
python
49_PYTHON 크롤러 개발: 데이터 분석 및 엑셀파일 저장
PYTHON 크롤러로 데이터 분석을 마친 후 엑셀파일로 저장하는 법에 대해 학습 후 정리
48_PYTHON 크롤러 개발: 원하는 데이터 추출
PYTHON 크롤러로 원하는 데이터를 추출하는 방법에 대해 학습 후 정리
47_PYTHON 크롤러 개발: BeutifulSoup, requests 라이브러리
PYTHON 크롤러 개발에 필요한 BeutifulSoup, requests 라이브러리에 대해 학습 후 정리
46_PYTHON 크롤러 개발: 크롤링할 사이트 분석
PYTHON 크롤러 개발의 첫 과정인 크롤링할 사이트 분석에 대해 학습 후 정리
45_말뭉치 처리
PYTHON의 말뭉치 처리에 대해 학습 후 정리
44_PYTHON 엑셀 다루기
PYTHON 엑셀 다루는 법에 대해 학습 후 정리
43_예외처리
PYTHON의 예외처리에 대해 학습 후 정리
42_함수
PYTHON의 함수에 대해 학습 후 정리
41_문자열 처리
PYTHON의 문자열 처리에 대해 학습 후 정리
40_PYTHON 컬렉션: set, tuple
PYTHON 컬렉션 중 set, tuple에 대해 학습 후 정리
39_PYTHON 컬렉션: list, dict
PYTHON 컬렉션 중 list, dict에 대해 학습 후 정리
38_모듈과 패키지
PYTHON의 모듈과 패키지에 대해 학습 후 정리
37_PYTHON 사용자 정의 클래스 선언
PYTHON으로 사용자 정의 클래스를 선언하여 나에 대해 출력하기
36_PYTHON 객체 이해 및 클래스 선언
PYTHON의 객체와 클래스 선언에 대해 학습 후 정리
35_PYTHON 기초
PYTHON 기초에 대해 학습 후 정리
algorithm
[Leet Code] 15. 3Sum
Acceptance: 32.1%
[Leet Code] 49. Group Anagrams
Acceptance: 65.2%
[Leet Code] 832. Flipping an Image
Acceptance: 79.7%
[Leet Code] 1021. Remove Outermost Parentheses
Acceptance: 79.8%
[Leet Code] 804. Unique Morse Code Words
Acceptance: 79.9%
[Leet Code] 1470. Shuffle the Array
Acceptance: 88.3%
[Leet Code] 1108. Defanging an IP Address
Acceptance: 88.9%
[Leet Code] 2114. Maximum Number of Words Found in Sentences
Acceptance: 89.2%
[Leet Code] 2011. Final Value of Variable After Performing Operations
Acceptance: 89.2%
[Leet Code] 1672. Richest Customer Wealth
Acceptance: 89.4%
[Leet Code] 1480. Running Sum of 1d Array
Acceptance: 89.5%
[Leet Code] 1929. Concatenation of Array
Acceptance: 91.7%
[Leet Code] 1920. Build Array from Permutation
Acceptance: 91.8%
Post Formats
Post: Gallery
These are gallery tests for image wrapped in <figure> elements.
Post: Image (Standard)
The preferred way of using images is placing them in the /assets/images/ directory and referencing them with an absolute path. Prepending the filename with {...
Post: Video (YouTube)
YouTube video embed below.
Post: Link Permalink
This theme supports link posts, made famous by John Gruber. To use, just add link: http://url-you-want-linked to the post’s YAML front matter and you’re done.
Post: Quote
Only one thing is impossible for God: To find any sense in any copyright law on the planet. Mark Twain
Post: Notice
A notice displays information that explains nearby content. Often used to call attention to a particular detail.
Post: Chat
Abbott: Strange as it may seem, they give ball players nowadays very peculiar names.
Post: Standard
All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing...
Post: Modified Date
This post has been updated and should show a modified date if used in a layout.
etc
2023 인프콘 후기
2023 인프콘 발표자로 참가한 회고
첫 퇴사
2020-11-10 ~ 2022-01-10
csharp
65_방학 계획(1-3): 고객과 상품에 관련된 데이터베이스 만들기
고객 관리, 상품 관리에 해당하는 데이터베이스를 만들고 관계 설정
64_방학 계획(1-2): 웹사이트 분석 및 계획 수립
현재의 웹사이트를 분석하여 어떤 식으로 웹사이트를 만들건지 계획하기
63_방학 계획(1-1): 웹사이트 리뉴얼/새로 만들기를 정하기
62번 포스팅의 방학 계획 1번에 따라 기존의 웹사이트를 리뉴얼 할지, 새로 만들지를 정하며 그에 따른 분석 및 계획을 정하기
62_방학 계획
방학에 뭘 할건지 계획
61_학교 과제 제출용_1
과제 제출용으로 만든 스톱워치, 첫번째 버전은 Stopwatch 클래스 미사용, 두번째 버전은 Stopwatch 클래스 사용 및 초기화 버튼 추가
이차방정식의 근의 공식
근의 공식으로 이차방정식의 해를 구하는 프로그램
소스코드 업로드 테스트1
업로드 되는지 확인
Edge Case
Suspicio? Bene … tunc ibimus? Quis uh … CONEXUS locus his diebus? Quisque semper aliquid videtur, in volutpat mauris. Nolo enim dicere. Vobis neque ab aliis. Ego feci memetipsum explicans. Gus mortuus est. Lorem opus habeo. Jackson Isai? Tu quoque … A te quidem a ante. Vos scitis quod blinking res Ive ‘been vocans super vos? Et conteram illud, et conteram hoc. Maledicant druggie excors. Iam hoc tu facere conatus sum ad te in omni tempore? Ludum mutavit. Verbum est ex. Et … sunt occid
Check for long titles and how they might break a template.
Antidisestablishmentarianism
Title should not overflow the content area
Edge Case No Yaml Title
This post has no title specified in the YAML Front Matter. Jekyll should auto-generate a title from the filename.
Edge Case: Many Tags
This post has many tags.
Edge Case: Nested and Mixed Lists
Nested and mixed lists are an interesting beast. It’s a corner case to make sure that
Markup
Markup: HTML Tags and Formatting
A variety of common markup showing how the theme styles them.
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of...
Markup: Text Alignment
Default
Markup: Title with Special — Characters
Putting special characters in the title should have no adverse effect on the layout or functionality.
books
비폭력대화
마셜 B. 로젠버그, “비폭력대화”를 읽고
쏟아지는 일 완벽하게 해내는 법
데이비드 앨런, “쏟아지는 일 완벽하게 해내는 법”을 읽고
프로그래머의 뇌: 훌륭한 프로그래머가 알아야 할 인지과학의 모든 것
펠리너 헤라만스, ‘프로그래머의 뇌: 훌륭한 프로그래머가 알아야 할 인지과학의 모든 것’를 읽고
잘 그리기 금지
사이토 나오키, ‘잘 그리기 금지’를 읽고
Jekyll
Gemified Theme – Beta Release
Hot on the heels of Jekyll v3.3.0 is a beta release of Minimal Mistakes… as a gemified theme.
Gemified Theme – Alpha Release
Jekyll themes distributed as Ruby gems are finally here to make installing and upgrading much easier. Gone are the days of forking a repo just to “install it...
Welcome to Jekyll!
You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different wa...
react
스프링부트에서 테스트하기
이리밸 프로젝트를 하며 진행했던 테스트 방법들에 대한 정리
리액트를 처음 사용하며
리액트를 처음 사용하며 겪은 일들
aciform
Edge Case: Many Categories
This post has many categories.
antiquarianism
Edge Case: Many Categories
This post has many categories.
arrangement
Edge Case: Many Categories
This post has many categories.
asmodeus
Edge Case: Many Categories
This post has many categories.
broder
Edge Case: Many Categories
This post has many categories.
buying
Edge Case: Many Categories
This post has many categories.
championship
Edge Case: Many Categories
This post has many categories.
chastening
Edge Case: Many Categories
This post has many categories.
disinclination
Edge Case: Many Categories
This post has many categories.
disinfection
Edge Case: Many Categories
This post has many categories.
dispatch
Edge Case: Many Categories
This post has many categories.
echappee
Edge Case: Many Categories
This post has many categories.
enphagy
Edge Case: Many Categories
This post has many categories.
Media
Post: Twitter Embed
🎨 Finally got around to adding all my @procreateapp creations with time lapse videos https://t.co/1nNbkefC3L pic.twitter.com/gcNLJoJ0Gn— Michael Rose (...
Markdown
Markup: Title with Markdown
Verify that: