전체 글

Arkit — JavaScript architecture diagrams and dependency graphs Arkit — JavaScript architecture diagrams and dependency graphs CLI tool to visualise JavaScript, TypeScript and Flow codebases as meaningful and committable architecture diagrams. arkit.pro 힘들었다 찾기까지...... 클래스다이어그램은 아니고 유스케이스 정도로 일단 뽑아내는 툴이니깐 만족함... 휴우 1번은 경로고 2번은 명칭 png로 저장하고 싶으면 뒤에 svg를 png로 변경하면 됨

20대에 지금 생각해보면 초반에 생각없이 좀 살다가 적성에 안맞은 전공을 가지고 해외에서 일도 하고 쇼핑몰도 해보고 구청에서 여러 일도 하다가 요즘들어서 개발자가 뜬다는 그런 기사를 보고 돈을 모아서 학원에 등록을 했다. 사실 게임도 좋아하고 이과이기도 했고 기계 이쪽으로 좋아한거같아서 시작했음 처음 학원을 다닐때 국비수업이 아니라 꽤 비싼돈을 줬다 6개월에 300만원 정도 부트캠프는 700이라는데 나에게 300도 꽤 큰돈이여서... 돈을 쓰니 열심히 다니겠지 라고 생각함 (이전에 프론트 단기로 국비 해보니 수업의 질도 낮고 학생들의 의지역시 안좋았음 ) 그러고 부산에서 매일 주5일 오전으로 기장에서 서면으로 매일 학원 감 근데 처음에는 15명이였는데 점점 못따라가는 애들은 못따라가고 전공자인 친구도 못..

'error:03000086:digital envelope routines::initialization error' 오류 발생시 아래 블로그 들어가기! https://stackoverflow.com/questions/74726224/opensslerrorstack-error03000086digital-envelope-routinesinitialization-e opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ] opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital ..

Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db 오류 없애기 터미널에 npx browserslist@latest --update-db 입력하면 됨 터미널에서 하란대로만 하면 됨!

이런 형태로 짜볼려고한다. body{ display: flex; justify-content: center; align-items: center; height: 100vh; } section{ display: flex; width: 1200px; } section article{ flex: 1; } .content1{ background-color: yellow; padding: 20px; } .content2{ display: flex; flex-direction: column; } .content2 div{ flex: 1; padding: 20px; } .sub1{ background-color: skyblue; } .sub2{ background-color: pink; } @media(max-wid..

1. flex-grow : 숫자(정수) --> 플렉스 자식요소의 증가 너비 비율을 설정 ==> 대부분 flex:1; 이렇게 사용한다 grow는 너비가 완전 정확한거는 아니다 grow는 활용도가 높지는 않다. 2. flex-shrink : 숫자(정수) 실전 제작에 활용도가 많이 떨어진다. 숫자가 클수룩 너비가 더 줄어진다. 플렉스 자식요소의 감소 너비 비율을 설정 3. flex-basis: 숫자, px , % 등 플렉스 자식요소의 공간 배분 전 기본 너비 설정 기본값 : auto 노트북에는 빨, 초, 파 태블릿에서는 위에 사진처럼 나오게하기 위해서 폰은 빨, 초, 파 한줄에 한 색상으로 출력하려면 자식요소 1. flex : 숫자(정수) ==>플렉스 자식 요소의 너비를 상대적으로 설정 응용문제!! 1. 아래..