블로그 모아보기 - 인프런

임시 이미지(Placehod Image) 사용하기

안녕하세요. 코딩웍스입니다.그동안 잘 사용하던 임시 이미지 사이트인 http://placehold.it 이 없어져서 다른 사이트를 이용하셔야 합니다.물론 임시 이미지 사이트는 엄청 많습니다. 아래 코딩웍스가 소개하는 사이트가 아니어도 임시 이미지를 사용하는건 아무 상관 없습니다.임시 이미지 사용하기공식 웹사이트 : https://placehold.co/✅ 임시 이미지 기본 사용법https://placehold.co/가로x세로<img src="https://placehold.co/600x400" alt="Placeholder Image">✅ 정사각형 임시 이미지 만들기가로 세로 400픽셀 임시 이미지https://placehold.co/숫자<img src="https://placehold.co/400" alt="Placeholder Image">✅ 배경색과 글자 넣은 임시 이미지 만들기https://placehold.co/배경색/글자색<img src="https://placehold.co/600x400/000000/FFFFFF" alt="Placeholder Image">색상 값은 000/fff로 해도 상관없음색상 값은 색상 이름으로 사용해도 상관없음 ex) <img src="https://placehold.co/600x400/crimson/yellowgreen" alt="Placeholder Image">✅ 글자 변경한 임시 이미지 만들기https://placehold.co/600/400/?text=텍스트+텍스트<img src="https://placehold.co/600x400?text=Slider+Image" alt="Placeholder Image">단어가 2개 이상이면 텍스트와 텍스트 사이에 띄어쓰기 불가(반드시 +로 연결해야 함) ✅ 배경색과 텍스트 변경하고 글자도 변경한 임시 이미지 만들기<img src="https://placehold.co/600x400/000/fff?text=Slider+Image" alt="Placeholder Image">

임시이미지･placehoderimage

개발자 경제신문 읽기 5일차

'매파'로 돌변한 파월... 전문가들 "미국 연내 금리인하 힘들 수도"제롬 파월 미국 중앙은행 의장이 2% 인플레이션 확신에 시간이 더 걸릴 것, 금리를 현재 수준으로 유지할 것이라고 발언하였다소비자 물가 상승지수는 3.5%를 기록 日, 이제는 저축 아닌 '투자의 나라'…"젊은층도 서점서 NISA 열공"일본의 3,40대는 부모 세대보다 자산이 적고 집값 상승은 어려워보임. NISA(신 ISA)로 노후자금 마련할 것NISA 에 납입 한도액, 누적한도액 각각 3배 늘리고 평생 비과세임일본 정부 "정부의 적극적인 증시 부양책과 기업의 실적 향상이 선순환 구조의 물꼬를 텄다"한국도 ISA 가입률을 높이고 장기 투자를 유도해 세제 해택 방식을 모색해야 한다."코스피 투자하면 바보" 해외로 떠나는 동학개미들 '자산 8억' 은퇴자... 포트폴리오 안바꾸면 12년내 원금 바닥퇴직 근로자 자산이 부동산에 지나치게 편중되어 있음. 거주외 부동산이 70% 차지근로소득 없이 연간 지출 수준인 8700만원을 유지하면 12년만에 자금이 고갈된다미국 주식 예상 세후 수익률이 가장 높고 배당금도 높으므로 해외 주식 관련 훈련 경험 등을 통해 저성장 시대의 투자 포트폴리오 재형성 필요 바이든 "중국산 철강, 알루미늄 관세 3배로 올릴 것"전기차 선박 등에 대한 반덤핑 조사 진행 중... 관세 확대 예상EU, 브라질, 인도 등도 보호무역 조치를 검토하고 있음 -> 한국, 일본, 독일 반사 이익바이든 "철강, 알루미늄 산업에 중국 정부의 보조금과 보호주의 정책 때문에 미국의 고품질 제품이 중국 저가 공세에 밀려 약화되고 있다"중국은 자국 수요가 부진하여 남는 철강, 알루미늄을 저가로 글로벌 시장에 수출 중임태양광 풍력터빈 등도 추가 관세 부과 검토중. 브라질은 화학, 타이어 등 분야에 반덤핑 조사 하기로 함 "5년만 더 내자" ... 일본, 저출산 고령화에 연금 또 손본다(1) 모든 국민이 가입하는 기초연금 : 소득 상관x 월 15만원 내면 65세부터 월 60만원씩 받도록 설계되어 있음단, 기초연금 재원이 가입자 50% + 국고 50% 라서 정부 부담이 증가함 -> 또 증세 논의...(2) 후생연금제도 : 회사, 공무원 가입. 소득 18.3% 보험료. 단시간 근로자까지 확대 가입, 보험료 50% 부담하는 사업주 부담 증가 예상(3) 재직 노령 연금 : 일하는 고령자의 후생연금 수급액을 줄이는 제도월 50만엔을 넘으면 연금 감액하여 일하기를 꺼리게 됨. AI 최대 혁명 수혜, 미국도 중국도 아니네영은 장기적 불황에서 벗어날 수 있을 것으로 예쌍됨영국 경제구조는 금융, 서비스업 비중이 높음. AI로 창출할 수 있는 부가가치가 더 크다"영국의 강력한 디지털 인프라, 숙련된 노동력, 혁신 생태계, 규제 체계 덕분에 빠르게 발전하는 기술의 혜택을 누릴 수 있었다" 미국, 유럽연합 '이란 신규 제재' 공조미국 재무장관 "수일 내로 이란에 추가 경제 제재를 가할 준비가 되어있다", "이란의 테러 자금 조달을 차단하기 위한 옵션이 주요 토의 대상이 될 것, 특히 이란산 원유"EU 는 "이란이 러시아에 드론을 공급했다고 보고 제재를 가하고 있다"-> 먼저 친 건 이스라엘 아닌가요...? 이란은 국제사회가 이스라엘에게 엄중한 경고를 한다면 공격 안하겠다고 하지 않았나요...? 니네가 먼저 무시해놓고 왜...? 삼중고에 실적 악화... 비상등 켠 기업들삼성그룹 임원 주 6일제 시행 : 러시아-우크라이나 전쟁, 이란-이스라엘 갈등 등으로 환율, 유가 변동성이 커지고 있다DS가 1분기는 흑자 전환을 했지만 파운드리는 여전히 적자임.HBM 시장을 SK 하이닉스가 주도하고 있음. 인텔이 파운드리 진출을 선언함.SK , LG화학, 롯데케미칼 등 회사가 위기 대응에 나서고 있음 삼성, 온디바이스 AI용 D램 개발인터넷 연결 없이 기기에서 작동하는 온디바이스 인공지능 최적화 D램 개발 했따고 발표초당 1.3GB 를 구현하는 LPDDR5X D램 : 전력은 적게, 성능은 일반 D램급 아마존의 파격 ... 한국 직구 제품 무료 배송'적합 품목'에 한하여 49달러(6만 7700원) 이상 구매한 한국 소비자 대상 무료배송 하겠다.소비자 데이터를 축적하려는 의도로 분석, 한국 진출 초읽기 행보원래는 11번가와 손잡고 간접진출을 하엿으나 11번가로 아마존 상품 구입하는 사람이 적다 (애초에 11번가랑 손잡지 말았어야...)미국 직구 상품으로 인기가 좋은 티비, 골프채, 고가 의류 브랜드가 다 막혀있었음중국 e커머스가 빠르게 부상하는 한국시장에서 정면대결을 해보자는 의도 건설업 침체에 은행권 '깡통 대출' 급증은행권, 이자도 못받는 여신이 증가하고 있다건설 부동산 대출 건전성 관리 필요!5대 은행 무수익 여신은 2022년 말 2조 7900억 -> 2023년 말 3조 5207억원. 26% 증가농협은행은 7682억원(49.7% 증가), 국민은행은 7498억원(43.6% 증가), 하나은행은 8678억(33.1% 증가), 우리은행은 5289억원(12.5% 증가), 신한은행만 6060억원(4.2% 감소)"건설, 부동산업 재무위험이 커질 것이므로, 대손충당금을 확대해야 한다" 토스뱅크 가입자 1000만명 돌파2021년 출범 이후 2.5년만에 1000만 고객 달성고객중심 혁신적 서비스 + 적극적인 포용 금융 전략 등외화 화전 수수료 무료 서비스 등 혁신적 서비스가 많음

교양･신문읽기

mikro-orm 버그 리포팅 후기 (feat. auto increment)

이슈등록 링크: https://github.com/mikro-orm/mikro-orm/issues/5460 [ 문제 상황 ] 사내에서 mikro-orm 을 Mysql 과 사용하고 있는데, 사내 db는 짝수 채번을 하고 있는데, 이상하게 mikro-orm 에서 여러 entity 를 영속화하면 pk 가 순차적으로 나오는 문제가 있었다. [ 이슈의 정체 ] JPA의 경우 ORM 채번을 할 때, 아래의 mysql ok packet 을 통해서 이루어진다. https://dev.mysql.com/doc/dev/mysql-server/latest/page_protocol_basic_ok_packet.html 이후에 auto_increment 에 대한 설정 값을 요청하여서, 이를 기반으로 영속성 컨텍스트에 auto_increment pk 를 세팅을 하기 마련이다. 단순 repository.save 호출을 한다고 가정하면, 아래의 패킷이 날아간다. 1. begin 2. insert into 'table' ('데이터')3. commit 그리고 2번 요청의 응답 패킷(OK packet)에 자세히 보면 아래와 같이 Last INSERT ID 라는 값이 내려온다. 이 값을 기준으로 entity 에 id 를 세팅해준다. (참고로, commit 되기전에 db 에서는 채번이 되고, db 에서 한번 채번되는 경우에 tx 가 롤백이 되더라도 이후에 같은 값을 사용하지는 않는다 -> pk 는 항상 순차가 아닐 수도 있음) 사실 이런 부분은 mikro-orm 도 똑같을거라고 생각을 했는데, mikro-orm 자체가 어떤 특별한 재주를 부리는건 아닐거라서 MySQL 서버와의 통신을 통해서 채번한 결과를 사용하는건 당연해보였다. 그런데, 아래와 같이 여러 개의 entity 를 저장하는 경우에 이상하게 pk 가 순차로 나왔다. (실제 코드는 아니고, 단순화하였다)mysql 채번 결과를 바탕으로 entity 의 pk가 정해질 텐데, pk가 순차적으로 생성되니 의아했다.const result = await this.postRepository.save([ new PostEntity('title'), new PostEntity('title2'), new PostEntity('title3'), ]); return result; } @Injectable() export class PostRepository { constructor( @InjectRepository(PostEntity) private readonly postRepository: EntityRepository<PostEntity>, ) {} async save(entity: PostEntity | PostEntity[]): Promise<PostEntity | PostEntity[]> { await this.postRepository.getEntityManager().persistAndFlush(entity); return entity; } } 그래서, 해당 패킷이 어떻게 나가는지 wireshark 를 통해 패킷 분석을 해보았다 wireshark 를 사용하여 packet 을 확인해보니 auto_increment 에 대한 쿼리가 패킷으로 잘 날아갔다. Ok packet이 잘 왔고, auto_increment 변수에 대한 값도 잘 조회하고 있었다. 그런데 결과는 아래와 같았다. - entity: pk 는 1씩 증가- tx commit 이후 db: db 레코드의 pk는 2씩 증가하고 있었다. mikro-orm 버그가 확실해 보였고, 브레이크 포인트를 찍어서 확인을 해보았다. 아래 코드에서 this.autoIncrementIncrement 필드에 1을 세팅하고 있는게 문제의 원인이었다.mikro-orm 의 connection 은 mikro-orm/knex 라는 라이브러리를 통해 이루어지는데, 여기서 res는 Value 로 내려오는데,할당 시에는 res?.auto_increment_increment 로 할당하고 있던게 문제였다.async getAutoIncrementIncrement(ctx) { if (this.autoIncrementIncrement == null) { // the increment step may differ when running a cluster, see https://github.com/mikro-orm/mikro-orm/issues/3828 const res = await this.connection.execute(`show variables like 'auto_increment_increment'`, [], 'get', ctx, { enabled: false }); /* istanbul ignore next */ this.autoIncrementIncrement = res?.auto_increment_increment ? +res?.auto_increment_increment : 1; } return this.autoIncrementIncrement; } [ 후기 ] 사실 팀 내에서 이 문제에 대해서 인지는 하고 있었고, 다른 방식으로 문제를 해결하고 있었다. 그런데 시간이 나서, 트러블 슈팅을 해보았고 위와 같은 이슈가 있다는 것을 알게 되었던 것이다. 그래서 이 부분에 대해서 이슈를 등록했고, 올라온지 몇시간도 안되어서 수정되었다. 사실 처음부터 pr 을 올릴까 말까 고민을 했는데, orm 특성상 driver 의 버전에 의해 생기는 버그일 수도 있다고 생각을 해서 pr 을 올리지 않고 상세하게 이슈 리포팅을 했다. 무지성 pr을 올릴걸하는 아쉬움이 남는다 ㅋㅋtistory 게시글 링크: https://pius712.tistory.com/22

백엔드･mikro-rom･mikroorm･nodejs･nestjs

6

IT 개발 용어 뜻, 잘 모른다면? (API, 기술부채, 컴파일, 마이그레이션...)

혹시 내 얘기 아닌가요? 그렇다면 주목! IT 회사 들어왔는데, 다들 무슨 말 하는지 모르겠다! 개발자랑 농담 주고받고 싶다! 개발 용어, 뭔진 알겠는데... ‘느낌적인 느낌’만 안다! 프로그래밍에 관심있는데 진짜 아무것도 모른다...! 이게 대체 뭐람... 👉 그렇다면, 지금 인프런 공식 SNS 팔로우하고 매주 올라오는 인프런 단어짱을 읽어보세요!페이스북 | 인스타그램 | 트위터 오늘은... (두둥) 인프런이 전.격.홍.보! 안녕하세요! 인프런 콘텐츠 마케터 솔🌞입니다. 인프런 뉴스레터 및 ‘인프메이션’ (구: 주간 인프런) 발행을 맡고 있는데요.인프런 공식 SNS 채널 삼대장, 페이스북 + 인스타그램 + 트위터에서만 볼 수 있는 스페셜 콘텐츠(!)의 존재를 모르고 계셨던 인프러너 분들께 깜짝 소식을 전하러 왔습니다.바로... 2022~2023년 동안 인프런 공식 뉴스레터로 보내드리던 ‘인프런 단어짱’ 코너가 올해 3월부터 공식 SNS에서 재개되었어요. 인프런 단어짱이 뭔데? IT 용어에 대한, 왕초보도 알 수 있는 (중요!) 쉬운 해설이 필요하다는 건 저 역시도 인프런에서 일하면서 직접 뼈저리게 느끼곤 했는데요.(nn년 전 IT와 아~무 상관없는 전공 + 구)스타트업 깡신입의 대환장 조합...! 🥲)그래서인지, 그동안 인프런에서 발행했던 수많은 콘텐츠 중에서도2020년 ‘뉴비를 위한 개발 용어 사전’2022년 ‘소소한 IT 용어 모음집 - 인프런 단어짱’에 반응을 보내주셨던 분들이 유독 많아 놀랐던 기억이 있어요. 아무튼, 이번에 다시 부활한 인프런 단어짱은 더 자주 + 더 쉽게 더 많은 분들께 IT 개발 용어 뜻을 철저히 뉴비, 개발 왕초보 관점에서 알려드리는 걸 포부(?)로 삼고 있답니다! 담당자의 과한 드립 욕심(...)은 보너스 오늘까지 API, 기술 부채, 컴파일/인터프리트, 백도어, 마이그레이션 등 여러 IT 용어에 대한 해설과 에피소드가 공개되었으니 뜻이 알쏭달쏭하셨거나, 인프런이 하고 있는 무언가(?)가 궁금하신 분들이라면 언제든 인프런 공식 페이스북 / 인스타그램 / 트위터를 찾아와주세요! 여러분의 팔로우와 좋아요❤가 인프런 담당자를 춤추게 합니다...! 덩실덩실 항상 인프런과 함께해주시는 많은 분들께 감사드립니다. (Hoxy... 인프런이 초면이라면, 이것도 인연인데 앞으로 더 자주 만나요! 🫂)우리 함께 배우고 나누고 성장해요! 🍀인프런 마케터 솔 드림

기타 (개발 · 프로그래밍)･기술부채･컴파일･백도어･마이그레이션･IT･인스타그램･페이스북･트위터･API･인프런

6

개발자 경제신문 읽기 4일차

'중동 리스크에 유독 취약한 원화... "환율 1450원까지 오를수도"원달러 환율 1400원대 기록 : 1997 외환위기, 2008 글로벌 금융 위기, 2022 미국 금리 자이언트 점프달러 강세, 중동지역의 불안으로 인한 위험자산 회피 현상 -> 원화 약세미국의 소비판매 증가율은 0.75% 미국 소비 경제는 상승세원화 가치 약세도 매우 심각. 원화가 엔화보다 더 약함중동지역 지정학적 리스크 : 한국 경제는 원유 수입 의존도가 1위기 때문에 유가에 흔들릴 수밖에 없음. 미국 국방부 손 잡은 삼성... 엔비디아 AI 칩 수주 가능성삼성전자 미국 텍사스 테일러 반도체 공장에 미국 투자액은 64억달러(8.9조) 지급. 인텔/TSMC보다 높은 금액미국 국방부에 납품평택 4공장 파운드리 라인 공사 중단 -> "공급 과잉, 투자경쟁 과열 방지를 위한 것"최첨단 라인은 본국에 두는 전략은 유지할 것, 단 정부도 그에 맞는 인센티브 지급할 것을 요구 텍스트 뗀 AI, 다음 단계 돌입 ... 이젠 이미지로 세상 본다비전 파운데이션 모델(VFM) : 이미지 기반 초거대 인공지능2020년 이미지 분야로 확장한 비전 트랜스포머 알고리즘의 등장 "휠체어 노인 싫다" 혐오시설 된 도심 요양원서울 시내 노인 요양원 건립 계획인 주민 반대로 막히는 사례가 늘어나고 있음사례1. 금천남부 새마을금고 노인요양시설 : 사회공헌사업 일환, 노인 28명 수용 계획. 구급차가 단지를 오가면 시끄럽고 주차장을 무단 이용할 것이라는 우려, 집값 하락 예상으로 반대.새마을금고 관계자 "초고령화 시대에 요양시설은 꼭 필요하고, 완공되면 일자리도 생겨서 지역민을 고용할 수 있을 것이다."사례2. 송파 실버케어센터. 헬리오시티 입주 예정자들의 반발에 무산됨. 키즈카페 등이 포함된 복합시설로 재추진사례3. 여의도 시범아파ㅌ. 공공기여 형태로 노인요양시설을 지으려는 서울시, 용적률을 더 높여주겠다는 제안에도 반대하고 문화시설을 짓겠다고 함.

교양･신문읽기

[개경신문/3일차] 개발자 경제신문 읽기 3일차

저축은행 절반 이상, 1분기 적자... "최악땐 올해 2.2조 순손실"2014년 저축은행 사태 이후 (2023년) 9년만에 국내 저축은행권 적자 기록, (2024년) 실적 악화 예상2023년 79개 저축은행 중 41곳이 총 6000억 당기순손실 기록, 4분기에는 61곳 적자금융감독원 : 증자 권고저축은행 재무건전성 대표 지표 : 국제결제은행 기준 자기자본비율자기자본비율 / 위험가중자산. 적자가 나면 자기자본비율이 줄어들어 BIS 비율이 낮아짐, 부실채권(=위험가중자산)이 늘어도 비율이 낮아짐PF 대출 예상 손실 최대 약 4.8조 이란 발 '트리플 악재' 한국 설비투자, 수출마저 후퇴하나신3고 (고물가, 고금리, 고환율) + 유가 폭등 -> 한국 경제 3악재 미쳐버림확전 시, 국제원유 운송로인 호르무즈해협 봉쇄 -> 국제 유가는 배럴당 100달러 돌파 예상원유 의존도와 수출 비중이 높은 국내 산업 구조상 유가 상승시 수익성 악화원화 가치는 유가에 취약, 국제유가가 90달러를 넘을 경우 환율은 1400원대 진입 예상 이스라엘, 미사일 99% 요격 하루 1.8조원 쓴 5중 방공망300개 무장드론, 미사일 다수가 이스라엘 방공망에서 격추, 다만 운용 비용 1.8조원 방어 비용 때문에 이란의 공습을 지속적으로 막아내기 어려울 것으로 예상됨이스라엘 방공체계 : 고도에 따른 다중 방공망 : (대기권/고고도) 애로3 - 애로2 - 다윗의 돌팔매 - 스파이더 - 아이언돔 (저고도)방공 시스템 유지 비용 비쌈. 국방 예상 증액 필요 테슬라, 결국 인력 10% 구조조정전기차 수요 둔화 대응 조치로 구조 조정전기차 충전소 부족 & 고금리로 인한 소비 둔화 -> 전기차 수요 급감

교양･신문읽기

8

인프런에서 국비과정 100% 활용하는 방법 (with 10만 인프런 포인트)

안녕하세요! 인프랩 모모입니다. 🧚 IT 분야로의 취업을 생각하고 있다면, 한번쯤 고려해봤을 국비취업과정!인프런에서 신청하고 수강한다면, 10만 인프런 포인트로 부족한 학습까지 채울 수 있답니다. 분야도, 종류도, 기간도 천차만별인 정보의 홍수 속에서 어떤 교육을 들어야 할 지 고민하는 여러분을 위해,인프런에서 여러 국비취업과정을 비교하고 선택할 수 있는 공간을 마련했어요. 배우고, 나누고, 성장하는 공간 인프런에서국비취업과정을 100% 활용할 수 있는 방법을 알려드릴게요! 🔍 Step 1. 인프런에서 국비과정 비교하기인프런에서 마련한 국비취업과정 전용 공간(링크 연결 click!)에서 무료 국비 취업 과정을 둘러보세요! 💁‍♀K-디지털 트레이닝, SeSAC 등 학습부터 취업까지 지원하는 다양한 IT직군의 교육 과정이 마련되어 있어요.강의카드를 클릭하면, 각 교육과정의 세부 정보를 확인할 수 있어요. Step 2. 수강신청하기수강하고 싶은 과정을 찾으셨나요? 강의 상세 페이지 내 신청하기 버튼을 눌러주세요!신청하기 버튼을 클릭하면, 교육과정 참여를 위한 필수 정보를 수집하는 설문폼으로 연결됩니다.설문폼 제출을 완료했다면, 교육기관의 연락을 기다려주세요.세부 신청 절차를 돕기 위해 인프런이 아닌 교육기관이 직접 연락을 드리고 있어요! 🤗Step 3. 혜택받고, 학습 불태우기!신청하신 과정을 수강 중이신가요? 여러분의 학습을 응원하며 인프런 10만 포인트를 드립니다.훈련생으로 확정되셨다면, 수강정보(링크 연결 click!)를 입력해주세요. 훈련생 확정 시점(개강 후 7일)의 수강 여부 확인 후, 인프런 10만 포인트를 문자로 발송해드립니다.포인트를 활용해 부족한 학습을 인프런 강의로 채워보세요! 🔥 Step 4. 차곡차곡 취업 준비하기인프런의 채용 서비스 '랠릿'의 MY로그 기능(링크 연결 click!)을 통해 매일 매일 나만의 학습 기록을 남겨보세요!열심히 쌓은 지난 날의 학습 기록을 활용한 훌륭한 포트폴리오를 만들 수 있을 거예요.인프런 강의의 경우, 자동으로 학습 로그가 쌓입니다. 🧑‍🏫'랠릿' 프로필(링크 연결 click!)에 지금까지의 경험을 프로필로 등록해보세요!지난 날의 학습과 성장은 눈부신 커리어가 돼요. ✨국비교육을 통해 진행한 프로젝트 내용도 상세히 기록할 수 있어요.멋지게 가꾼 프로필로 다양한 공고에 지원할 수 있어요. 이렇게 국비취업과정을 활용하는 방법을 알아 보았는데요. 👀 IT분야로의 입문 및 커리어 성장을 꿈꾸고 있다면,교육부터 취업까지 무료로 도움을 받을 수 있는 국비취업과정을 추천드려요. 특히 인프런과 함께 국비과정을 활용한다면,부족한 학습을 채울 수 있는 10만 포인트 지원은 물론, 학습 기록과 취업을 도와줄 랠릿 서비스까지 이용 가능하다는 점! 인프런은 언제나 여러분의 성장을 응원합니다 🌱 인프런에서 국비과정 신청하고 싶어요 ➝ 국비취업과정 모음 링크 Click!인프런에서 신청한 국비과정을 수강중이에요 ➝ 수강정보입력링크 Click!

국비취업과정･국비과정･KDT･SeSAC･새싹･무료취업과정･무료국비과정･K디지털트레이닝･국비교육

8

[쿠어클#4] 쿠버네티스 무게감 있게 설치하기

안녕하세요. 쿠버네티스 제대로 시작하기 첫 강의로 쿠버네티스 환경 구축을 해보겠습니다.아래 정말 쉽고 빠르게 쿠버네티스를 설치하는 방법이 있어요! 쿠버네티스(v.1.27.2) 쉽고 빠르게 설치하는 방법Virtualbox 설치 (link)Vagrant 설치 (link)Vagrant 스크립트 실행 (윈도우 > 실행 > cmd > 확인)# Vagrant 폴더 생성 C:\Users\사용자> mkdir k8s C:\Users\사용자> cd k8s # Vagrant 스크립트 다운로드 C:\Users\사용자\k8s> curl -O https://raw.githubusercontent.com/k8s-1pro/install/main/ground/k8s-1.27/vagrant-2.3.4/Vagrantfile # Rocky Linux Repo 세팅 C:\Users\사용자\k8s> curl -O https://raw.githubusercontent.com/k8s-1pro/install/main/ground/k8s-1.27/vagrant-2.3.4/rockylinux-repo.json C:\Users\사용자\k8s> vagrant box add rockylinux-repo.json # Vagrant Disk 설정 Plugin 설치 C:\Users\사용자\k8s> vagrant plugin install vagrant-disksize # Vagrant 실행 (VM생성) C:\Users\사용자\k8s> vagrant upMobaXterm 설치 (link)Master 원격 접속 : 192.168.56.30:22 (root/vagrant)Pod 확인kubectl get pods -A대시보드 접속 URI : https://192.168.56.30:30000/#/login FAQ : virtualbox 설치 안될 때 (link), vagrant up 안될 때 (link), dashboard 관련 (link), virtualbox Host-Only Network cidr 변경 (link)Cafe : 쿠버네티스 빠른 설치 카페 참조 (link) 정말 쉽죠?하지만 저는 쿠버네티스 설치를 쉽고 빠르게 한다고 해서 좋은 건 아니라고 생각합니다. 쿠버네티스 오브젝트들, Pod나 Service를 공부하면서 개념이나 기능만으로 이 기술을 이해하는데는 한계가 있거든요. 쿠버네티스 자체 구성을 조금은 알고 이 개념들을 공부하는게 더 잘 이해가 잘 되요. 그리고 쿠버네티스 구성에 대한 부분들은 쿠버네티스를 설치할 때 가장 배우기 좋은 내용입니다.그렇기 때문에 Pod를 빨리 만들어보고 싶은 마음도 이해하지만 쿠버네티스를 제대로 공부하고 싶으신 분이시라면, 이번 설치 강의를 통해서 쿠버네티스 구성을 꼭 이해하고 넘어가길 권해드려요. 아니 꼭 이렇게 하셔야되요! 쿠버네티스 무게감 있게 설치하는 방법 1/2먼저 설명에 시작은 내 PC에 Virtaulbox랑 Vagrant를 설치한 상태고요. 제가 만든 Vagrant 설치 스크립트를 받으면 위에 내용이 나와요. 그리고 이 스크립트는 크게 [Virtualbox로 Rocky Linux를 생성]하는 파트랑 [kubernetes를 설치]하는 파트로 구분되는데 먼저 Virtualbox로 VM을 생성하는 걸 설명 드릴께요. 우측 스크립트를 위에서 부터 보면, OS를 [rocky linux 8]버전으로 설치하라는 내용이고, 처음 설치할 때는 이 이미지를 다운 받는데 시간이 좀 걸려요. 그리고 [master-node]는 Virtualbox 입장에서 생성된 VM에 이름을 붙여주는 부분인데, Virtualbox UI 상으로 봤을 때 보이는 이름 이예요. 그리고 밑에 hostname 을 지정하는 부분이 있고, [k8s-master] 라고 넣으면, 나중에 원격접속으로, 리눅스에 들어 갔을 때, 나오는 호스트 이름입니다. 그리고 밑에 [private_network]는 virtualbox에 Host-Only Network 라고 해서, 내 PC 에서만 사용할 수 있는 네트워크망을 만들어 주고, 스크립트에서 IP를 주면 내 Linux에 그 IP가 할당됩니다. 그래서 우리는 내 PC에서 이 IP로 원격 접속을 하면 Linux OS에 들어갈 수 있게 되는 거고. 브라우저를 통해서 kubernetes dashboard에 접속 할 수도 있게 되요. 이렇게 이 스크립트 한 줄로 Host-Only Network가 만들어지고 IP가 할당 되는데, 스크립트에 넣지 않아도 Vagrant가 기본적으로 만들어주는 네트워크가 있어요.바로 NAT 라는 네트워크고 입니다. IP도 알아서 할당 돼요. 이 NAT의 역할은 내 VM을 외부 인터넷이랑 연결 시켜줍니다. 그래서 이따가 쿠버네티스를 설치할 때 필요한 패키지들을 받는데 사용하고요 실제 내 PC에 할당된 Network는 공유기에서 할당 받은 상태죠. 제 PC의 경우 [192.168.219.100]의 주소를 할당 받았고요. 제 공유기는 192.168.219까지는 고정이고, 뒤에 4번째 자리는 1~255까지 만들 수 있는데 자동으로 100이 할당 된 거예요.근데 Host-Only Network를 보면 디폴트로 192.168.56까지 고정이고, 네 번째는 1~255까지 만들 수 있는 네트워크 입니다.네트워크를 생성할 때 cidr 을 정하면, 이렇게 지정한 범위 내에서 IP가 할당 되는데, 네트워크 원리는 잘 몰라도, 최소한 대역들이 겹치면 안된다는 건 알고 계셔야 돼요. 겹치게 되면 내 공유기랑 Virtualbox가 똑같은 IP 를 만들 수 있게 돼서 IP 충돌이 나요. 근데 이 공유기 환경이 개인 마다 다른 부분이라서 혹시 원격 접속이 안되시는 분은 본인에 Network 대역을 확인해 보시고요. 부득이한 경우 Host-Only Network에 cidr 을 수정해 주면 돼요. 제가 카페에 방법을 올려 놓을께요. 여기까지 네트워크에 대한 설명이 이었습니다.이번엔 자원(resource)을 볼께요.스크립트를 보면 VM에는 Memory는 4G고 CPU는 4Core를 잡았어요. 제 PC에 자원을 보면 제 PC는 4Core, 16G Memory거든요. 여기서 분명 Memroy는 내 자원에서 나눠 주는 거라 VM에 자원 할당한 게 이해 되는데, CPU를 이렇게 다 줘버리면 내 PC는 괜찮을까 걱정되는 분이 계실 거예요.근데 이 두 자원의 속성을 보면 Memory는 서로 할당된 공간을 침범하면 안돼요. A프로그램이 쓴 메모리 공간에 B프로그램이 침범해서 내용을 바꿔버리면 안되잖아요? 그래서 꼭 자원을 철저하게 분할해서 써야 되는 성격이라면, CPU는 필요로 하는 순간에 서로 나눠 쓰는 자원이예요. 그래서 현재 이 CPU 할당에 의미는 내 PC CPU가 필요할 때는 4 Core를 다 쓸 수도 있고. VM에서도 필요할 때도 최대 4Core를 다 쓸 수 있도록 설정 한 건데, 만약 둘 다 CPU가 필요한 상황이라면 이 4core 자원을 나눠쓰고요. 대신 처리속도는 좀 느려지지만 문제는 없어요.참고로 쿠버네티스 설치 문서에 권고하는 CPU는 2Core 이상입니다.이 CPU와 Memory에 대해서 제가 4 Core를 준 이유와 각자가 작업 유형에 맞게 변경을 하시라고 자세히 설명 드렸지만, 이 두 자원에 대한 성격은 쿠버네티스에도 Pod에 자원을 할당하거나 Pod가 늘어나는 설정을 할 때, 정말 중요하게 고려해야 되는 포인트라서 이 자원에 성격을 자세히 얘기 해봤어요. 쿠버네티스 무게감 있게 설치하는 방법 1/2 [구간별상태확인]카페(아직 공사중)에 들어가보면 각 포인트에 대해서 잘 설치됐는지 확인 볼 수 있어요. (link) 쿠버네티스 무게감 있게 설치하는 방법 2/2위 내용은 강의의 메인으로 쿠버네티스 설치인데 강의에서 자세히 설명 드립니다. 지금까지 설명 드린 강도랑 내용보다 좀 더 깊어지는 점 주의 드려요.쿠버네티스 설치는 확실히 쿠버네티스 문서(link)를 보는게 좋습니다. 내가 설치하려는 버전이 있는데 블로그에서 다른 버전이나 최신버전 설치를 보게 되면, 미묘하게 잘 안되는 부분들이 생기거든요. 그래서 그 원인을 찾는데 시간을 더 쓰는 경우도 생기는데, 쿠버네티스는 컨테이너 한방 정리에서 히스토리로 봤듯이 내부적인 변경사항들이 많아서 그래요. 그래서 쿠버네티스 문서에서 필요한 버전별로 설치 가이드를 보는 게 좋고 쿠버네티스 문서가 한글화도 잘 되있거든요. 전 이 한글화 된 문서를 정말 열심히 보고 있고 이 한글화 작업하시는 분들께 항상 감사 드리는 마음입니다. 이 강의 설명의 목적은 쿠버네티스 설치 문서를 함께 공부하면서, 수강생 분들이 이 강의를 잘 들으면 이 강의에 설치 뿐만 아니라 다른 버전으로 쿠버네티스를 설치하거나 컨테이너 런타임을 바꿔보고 싶을 때 스스로 찾아서 할 수 있는 능력을 길러 드리는 거예요. 쿠버네티스 무게감 있게 설치하는 방법 2/2 [구간별상태확인]마찬가지로 카페(아직 공사중)에 들어가보면 각 포인트에 대해서 잘 설치됐는지 확인 볼 수 있어요 (link) 나중에 다른 사람과 똑같이 쉽게 쿠버네티스를 설치하더라도 이렇게 공부하면 한번에 클릭이 좀 더 무게감 있는 사람이 됩니다. 가끔 보면 그냥 빨리빨리 버튼 누르고 진행할 수 있는 상황에도 버튼 하나 누를때마다 한참 생각했다가 누르는 사람이 주변에 있지 않나요? 그 사람이 아는 게 많을 수록 이 버튼 누르는 속도는 더 느려져요. 이 사람은 겉으로는 답답해 보일 수 있는데, 머릿속에는 엄청 많은 정보들이 스쳐 지나가고 있는 겁니다.여러분도 이렇게 되시길 응원 드려요! 그럼 이번 블로그는 여기까지고요, 해당 강의에서는 실습과 더불어 추가적으로 아래 내용들에 대해서 더 다룹니다 😀[쿠버네티스 어나더 클래스] : https://inf.run/unreT 좋아요 ♡는 저에게 큰 힘이 됩니다 :)

데브옵스 · 인프라･인프런･쿠버네티스･어나더클래스･지상편･일프로･kubernetes･devops･kubeops･container･쿠버네티스설치

[찍먹클럽] C#과 유니티로 만드는 MMORPG 게임 개발 시리즈 강의 후기 feat.인프

[찍먹클럽] C#과 유니티로 만드는 MMORPG 게임 개발 시리즈 강의 후기 feat.인프런 인프런_찍먹클럽 Unity 개발 교육이번 KG 카이로스 교육에서 Unity를 사용해 프로젝트의 질을 높이기 위해서 많은 강의를 찾던 중..."인프런" 에서 Unity 강의를 1달간 무료로 제공되는 [찍먹클럽] 이벤트를 모집했었습니다!아침 Unity를 입문에 관련 교육이 필요했었고 특히나 돈이 없는 취업 준비생 입장에서 무료 강의는정말 달콤한 소식이 아니었나 싶었습니다.찍먹클럽에 선정되었다!내가 정말 열심히 블로그를 운영해서 그런가?운이 좋게도 [찍먹클럽] 에 선정되었다![C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진출처 : 인프런https://bit.ly/3V7xZts이번에 무료로 들었던 강의는 위의 링크를 통해서 자세하게 확인할 수 있습니다!무엇보다도 인프런은 높은 질의 강의를 제공하는 플랫폼으로 잘 알고 있었습니다.특히나 개발자들도 많이 찾는 강의 플랫폼이어서 더욱 신뢰가 갔었습니다.거기다가... 강사님의 엄청난 이력까지... 열심히 들을 이유가 생겼습니다!우선 강의에 대해서 좋은 점을 말씀드린다면1) 부드러운 진행과 필요한 내용으로 구성된 효율적 강의2) Unity 입문하면서 느끼는 Assets, Hierarchy처럼 복잡한 내용들을 집어줌3) 모델링만 하는 것이 아는 C#에 대한 내용도 포함된 복합적인 강의4) 개발하기 좋은 환경 구성까지 잡아 줌 (*레이아웃 설정, 폴더 정리 등)출처 입력가장 좋은 점이라면 [몰입도] 있는 강의가 아니었나 싶었습니다.아직 강의를 전부다 듣지 못했기 때문에... 지금까지 강의를 보고 구현한 정도만 리뷰하겠습니다! <Notion을 통한 강의 내용 정리>강의에서 중요한 내용들은 Notion에 따로 정리 <C# 코드 구현고 동작은 Unity 씬에서 확인>Unity는 C# Script를 작성해 동작을 제어하거나 새로운 Assets들을 추가할 수도 있습니다.필요하고 주로 사용하는 코드들은 따로 정리해서 내가 개발하고 싶거나 Object를 동작할 때 자주 활용했습니다.이번 강의에 대해 좋은 점도 코드 리뷰도 같이 해주셔서 상당히 만족했습니다.Vector3에 대한 코드 리뷰와 동작 확인 <Prefab을 통해 나만의 Tank 만들어 보기>Assets에 Prefab을 만들어서 내가 원하는 Object들을 생성하고 저장합니다.각 Prefab은 Speed나 각도를 독립적으로 지정해 동작을 시킬 수 있습니다.허접해 보이지만 탱크다.나만의 Tank를 동작해 봄!나의 Unity 공부는 -ing출처 입력최근에 KG 카이로스에 프로젝트를 기획하고 팀원들과 의견을 나누는 과정에 있어서바쁜(*핑계 아님) 와중에 강의를 절반 정도 들었습니다!KG_KAIROS 최종 프로젝트 <안>그래서... 앞으로의 남은 강의를 전부 수강하게 된다면 어떤 Unity 환경 속에 내가 구성한 Object를동작하고 플레이할 수 있을지 기대가 됩니다!남은 강의... 그중 미니 RPG가 상당히 기대된다! 인프런 담당자님... 반드시 전부 수강하겠습니다. 믿어 주십쇼!미련한 수강생

그래픽 디자인･인프런･인프런강의후기･게임개발･게임개발강의･인강후기･강의후기･Unity･C#･유니티엔진･MMORPG

[전액무료] XR 기반 게임개발자 취업 부트 캠프!!

★(600만원 혜택) 게임개발자 취업캠프★▶ 무엇을? C#, 유니티, 언리얼, 가상현실, 게임개발 게임개발, 가상현실, 실감형컨텐츠제작!!▶ 누가? 내일배움카드만 있다면 누구나!! 비전공자도 가능한 기초부터 완성!!▶ 언제? 4월 말까지 올해 첫 개강!!! 마지막 기회!!▶ 어떻게? 선착순 5명 모집!! 마감임박!! 서두르세요!!▶ 특전? 성과발표회를 통한 포상 및 취업지원!! 포트폴리오, 훈련장려금, 성과발표회등 다양한 혜택과 타지역분들을 위한 기숙사 제공까지!↓↓수강신청 링크↓↓https://zrr.kr/zb2D※ 선착순 조기 마감으로 더 자세한 내용은 지금 전화나 문자, 카톡 바로 주세요~!!062-971-1114 / 더국제직업전문학교↓↓ 카카오톡 문의 ↓↓http://pf.kakao.com/_DxfQJxb/chat

게임 프로그래밍･게임게발･유니티･언리얼･C#･가상현실･부트캠프･내일배움카드

[인프런 찍먹클럽] 언리얼엔진5 스파르타 클래스 - 심화편 후기

언리얼 엔진5를 공부를 하다보면, 영어 강의들을 보게 된다. 수많은 영어 강의들한국어 강의를 찾던 중, 인프런의 언리얼엔진5 스파르타 클래스 - 심화편을 알게 되었다.심화편이라.. ㄷㄷ 벌써부터 궁금해지지 않나?! 강사님은 YAL 선생님!실전, 심화로 나누어 2개의 강의를 제작하셨다. 실전편은 무료이니 모든 분들이 체험할 수 있다. 언리얼엔진5 스파르타 클래스 - 심화편 : https://bit.ly/3T7YBbd 특히, 나는 애니메이션을 더욱 알고 싶어서 이번에 참가하게 되었다.언리얼 엔진의 애니메이션의 다양한 방식들을 알 수 있다. IK,FK를 보면 무슨 생각이 들까요? 피하고 싶어진다...😥하지만, 강의를 들으면서 애니메이션에 사용되는 용어들을 쉽게 알 수 있었다. IK: Inverse Kinematic 축을 활용해 bone을 움직임FK: 관절 인형 처럼 관절들을 조종해서 움직임을 구현출처: 언리얼 엔진5 스파르타 클래스 - 심화편, 섹션 8. UE5 리타게팅 리타게팅! 애니메이션을 다른 캐릭터에 복사를 하는 것이다. 당연히 그대로 사용하면 bone의 사용방식이 다를테니 망가진다. 동기화를 해주기 위해서 사용하게된다. 1. 먼저 리타겟팅을 위해 bone 체인을 설정해준다.출처: 언리얼 엔진5 스파르타 클래스 - 심화편, 섹션 8. UE5 리타게팅2. 리타겟팅 에셋에서 Source IK Rig와 Target Ik Rig를 비교하면서 오차들을 수정하며 동기화 시킨다.출처: 언리얼 엔진5 스파르타 클래스 - 심화편, 섹션 8. UE5 리타게팅 3. 리타겟한 결과를 볼 수 있다.https://youtu.be/b9l-7svKbP4출처: 언리얼 엔진5 스파르타 클래스 - 심화편, 섹션 8. UE5 리타게팅 이 방식들을 강의를 들으면서 따라하면 쉽게 제작이 가능하다.중요한 사실은 이 강의를 기반으로 자신의 애니메이션을 제작하는데 활용 할 수 있다. 물론, 강의를 따라해도 안되는 경우들이 생긴다. 나도 물론 생겨서 당황스러웠지만, 커뮤니티 게시판으로 해결을 하였다.언리얼 엔진5 스파르타 클래스 - 심화편 커뮤니티 게시판여기 게시판을 활용해서 선생님께 직접 질문을 하고 답변을 받을 수 있으니, 걱정 안해도 될 것이다. 후기나는 이번 찍먹클럽을 통해서 애니메이션에 대한 두려움이 사라지게 되었다. 배운 것들을 기반으로 나의 프로젝트에서 애니메이션을 활용할 수 있음을 확인하여 나에게 만족스러운 강의가 되었다. 이 강의를 자신이 들어도 괜찮을까 고민 하는 분들!난이도가 매우 쉽게 구성되어 있고 커리큘럼이 단계적으로 잘 구성되어 있다. 선생님과 함께 따라서 제작한다면 무리가 없을 것이다.언리얼 엔진5 에디터도 무려 한국어로 되어 있어, 영어가 어려워 접근하기 쉽지 않은 분들도 할 수 있는 쉬운 접근 중 하나가 될 것이다. 모두 스파르타 클래스 - 심화편을 듣고 언리얼 엔진5를 마스터 할 수 있도록 노력하자! 화이팅!

게임 프로그래밍･인프런･인프런강의후기･게임개발･게임개발강의･인강후기･강의후기･게임개발자･인프런강의

devkuka.tistory.com 으로 와주세요~!^^

devkuka.tistory.com 각종 개발 관련 지식이 있습니다..!

이제는 진짜 알고 싶은 재무제표 101 (1) - 재무제표는 그래서 무슨 표인가요?

안녕하세요, 인프랩 디아입니다!지난주에 저의 숙원사업이었던...그러나 긴장한 나머지 준비한 것의 반 정도밖에 보여주지(웃기지) 못했던 😭 재무제표 읽는 법에 대한 사내 강연을 진행했는데요.비전공자(그것도 회계가 싫어 경영학을 피해 경제학을 선택했던…)로서 기본적인 회계 지식이 없는 분들도 쉽게 이해하고, 회계를 배우신 분들도 이론뿐 아니라 조금 더 실용적인 정보를 얻어가고(혹은 제가 틀리면 고쳐주고,,,), 나아가 회사생활이나 투자활동에 도움이 되셨으면 하는 마음으로 강의를 준비했는데…저의 마음이 잘 전달되었는지 모르겠네요!떨림(후달달) 가득했던 첫 강연의 아쉬움을 뒤로하고, 발표 내용을 간단히 정리하여 한번 더 공유해보고자 이렇게 블로그로 남겨봅니다. + 강연 때 못다한 얘기들도 있으니 심심풀이로 읽어주세요!발표시간에 재무제표가 무엇인지 알아보고, 그 중에서도 손익계산서와 재무상태표를 상세히 살펴봤죠. 첫번째 글에는 재무정보가 무엇인지, 재무정보의 종류에는 어떤 것들이 있었는지 한번 더 정리해볼게요 🙂 재무제표는 기업의 주요 재무정보 중 하나이다.그렇다면 먼저 재무정보란?하나의 경제주체가 이해관계자의 의사결정을 돕기위해 제공하는 재무적으로 유용한 정보재무정보와 관련한 기업의 주요 이해관계자는?채권자(돈을 빌려준 사람)주주(돈을 준 사람)정부(사회간접자본 제공)‘유용한 정보’에는 무엇이 있을까?1. 재무제표(재무와 관련된 일련의 표)재무상태표(구. 대차대조표, Balance Sheet)손익계산서 (Income Statement)포괄손익계산서 (Comprehensive Income Statement)자본변동표 (Changes in Equity)현금흐름표 (Cash Flow Statement)주석 (Footnotes): 주요 회계 정책 및 방침이 설명되어있어 매우 중요한 정보임! 2. 그 외의 정보들(사진출처:삼성전자 공시 자료)Proxy Statement (주총안건 등)MD&A (경영진 분석)일반 재무제표만 봐서는 알 수 없는 사업부별 영업실적, 각종 재무 지표 등 요약업계 동향, 미래 투자 계획, 영업이익 근거, 임직원 현황 등감사보고서감사의견핵심감사사항(KAM, key audit matters or CAM, critital audit matters)내부회계관리제도 감사의견분기/반기 보고서 등IR 자료기사, 언론(브랜드 이미지, 인지도 등)이런 다양한 정보로 평가된 회사의 가치는 일반적인 재무제표에는 나오지 않지만, 인수/합병을 하게될 경우, 혹은 IPO로 기업가치를 산정할 때 등 특별한 경우 ‘영업권’의 형태로 재무적 가치로 평가될 수 있습니다. 첫 글을 마치며...(강연 때 못다했던 말!!)비교의 중요성재무정보의 유용함은 많은 경우 ‘비교’의 모습으로 옵니다.재무제표의 기본 형태만 봐도, 적으면 2기 많으면 3~4기(3~4년)의 수치를 함께 보여줍니다. 비교를 위해서요.재무제표를 통해 구할 수 있는 다양한 재무지표와 비율들이 좋은지, 나쁜지도 우리회사 것만 구해보고는 판단할 수 없어요. 각종 지표를 비교할 때 가장 중요한 것은 ‘업계의 평균’입니다.영업이익율이 마이너스면 무조건 나쁠까요? 아직 투자단계에 있는 많은 스타트업은 손실이 나고 있으니 특별히 나쁜 경우가 아닐 겁니다. 부채비율이 500%라 심각한 상황인 것 같아도, 어떤 업계에선 그게 acceptable할 수 있고(ex. 항공사) 유동비율이 250%이면 안정적인 것 같아도, 업계 평균에 따라 낮은 수준일 수도 있습니다(또는 남는 현금을 적절히 투자하지 못하는 것일 수도 있어요). 그래서 평균, 그리고 비교가 중요합니다. 주석의 중요성그런 의미에서 주석이 매우 중요한 역할을 합니다. 주석에는 재무제표상의 숫자만으로는 볼 수 없는 다양한 기준과 상황, 배경이 설명되어있습니다. 회사가 채택한 회계기준, 전기와 비교해 달라진 내용, 사업부 별 실적과 경영진이 직접 분석한 업계 동향 등 알짜배기 정보가 많이 있구요.매출원가에 포함된 원가 항목은 무엇인지, 자산의 내용연수가 몇년인지 등 재무 분석에 참고해야하는 중요한 정보들도 있습니다. 진행중인 critical한 소송, 혹은 재무상태표에 반영되지 않은 주요한 부채 등 숫자로 표현되지 못한 정보들 중 중요한 내용을 적어두기도 합니다.동일한 업계에, 비슷한 장비를 사용하는 두 회사 A, B가 있다고 가정해봅시다.A와 B의 재무상태표상 감가상각비는 동일한데, A사의 장비 내용연수는 4년인데 반해 B사는 2년이라고 해볼게요. 우선 이 내용연수 관련된 정보 자체를 주석에서 알 수 있고요. 비슷한 장비인데 내용연수가 더 짧다? 그렇다면 B사에서 장비 관리를 못해서 자주 교체가 되거나, 혹은 오히려 B사가 장비에 투자를 많이해서(자주 새 장비로 교체해서) 이익률이 좋아졌을 수도 있습니다. 이처럼 주석을 통해 재무제표 상 나타난 숫자의 다양한 원인과 결과를 분석하고, 그에 따라 A, B사를 비교해볼 수 있습니다. 감사보고서 의견이 적정이면, 투자하기 좋은 기업인가요?2000억 원 대 횡령사건이 있었던 오*템 사의 경우, 해당 사건으로 인해 감사에서 '부적정' 혹은 '거절' 의견을 받았을까요?오히려 횡령금액, 돌려받을 수 있는 금액, 받을 수 없는 '위법행위 미수금' 등을 재무제표에 충실히 반영했기 때문에 '적정' 의견을 받았습니다.이처럼 감사인의 적정의견이 해당 기업의 재무건정성을 보장하지는 않습니다(그랬으면 투자가 얼마나 쉬웠게요 ㅠㅠ)회계 기준에 맞게 재무제표를 작성했는지, 계속기업으로서의 불확실성은 없는지, 재무제표를 왜곡시킬만한 주요한 정보(ex. 큰 소송 등)가 누락되지 않았는지 등을 주로 평가하기 때문입니다.감사의견, 재무제표 상의 숫자와는 별개로 건강한 기업을 찾는 연습을 해야하는 이유랍니다!! 평소 관심있는 기업이 있었나요? 이제 우리, 네*버 검색만 하지 말고 전자공시사이트에서 주석을 한번 확인해보는 건 어떨까요? 생각보다 다양한 정보가 여러분을 기다리고 있을지도 몰라요!!

교양･회계･재무제표･투자

JOIN

JOIN서로 다른 데이터 테이블을 연결하는 것테이블 내의 데이터를 연결할 수 있는 공통 값이 있어야 함.위 같은 상황에선 트레이너 데이터에 pokemon_id를 추가하거나 포켓몬 데이터에 trainer_id를 추가해야 join이 가능하다 아니면 위와 같은 테이블을 하나 만들어 각각 join을 하면 가능하다JOIN을 하기 위해선 key를 기준으로 한다. 보통 xx_id로 설정 Why JOIN?정규화 과정을 통해 데이터의 중복을 최소화한다.이때 User Table에선 User 데이터만, Order Table에선 order 데이터만 저장.때문에 공통된 칼럼을 찾기 위해선 JOIN 필요 (JSON 같은 NOSQL 기반에서는 불필요)SQL JOININNER JOIN LEFT (OUTER) JOINRIGHT JOINFULL (OUTER) JOINCROSS JOINJOIN 작성 요령하려는 작업의 목적에 맞춰 JOIN 선택교집합 : INNER모든 조합: CROSS이외: LEFT or RIGHT, 주로 LEFT를 선택LEFT는 기준에 기준값이 있으며 우측으로 데이터를 추가하는 방식이다.보기 편함

[쿠어클#7-1] Application 기능으로 이해하기-Pod (probe)

쿠버네티스를 공부 하다보면 경계를 해야 되는 상황이 있어요. 내가 어떤 개념을 힘들게 공부하고 사용법을 익혔을 때, 그 기능을 내가 하는 프로젝트에 적용 시키고 싶은 마음이 생기죠?여기까진 좋은데.그 기능을 적용함으로써 "운영에 불편한 관리 요소가 생기진 않을지?", "오히려 시스템에 복잡도만 증가 시키는 건 아닐지?" 는 충분히 고민하지 않는 경우가 있습니다.예를 들어, 쿠버네티스에는 NetworkPolicy 라는 object가 있는데, 쉽게 말해 Pod들 간에 방화벽 역할을 하는 는 기능 이예요. 보통 큰 프로젝트 환경을 보면 별도로 보안을 담당하는 사람이 있고, 내부 시스템을 외부에서 연결할 수 있도록 하거나 시스템 간에 통신을 해야 할 때 이 담당자한테 방화벽 오픈 신청을 먼저 하죠. 이렇게 전체적인 시스템에 대해서 방화벽이 관리되고 있는데, 쿠버네티스 클러스터 안에 NetworkPolicy를 적용하고 별도에 내부 방화벽 정책을 또 사용 할지에 대해서는 꼭 그렇게 해야 되는 이유를 충분히 고민 해봐야돼요.근데 오늘 배울 이 쿠버네티스의 기능은 백퍼센트 사용을 해야되지만 내 Application에 대한 충분한 이해가 없으면 생각지도 못한 장애를 만날 수가 있습니다.바로 Pod에 probe라는 기능인데요.실제로 저도 Pod가 내가 의도하지 않은 상황에서 죽었을 때, 원인을 분석하다 보면 이 기능을 잘못 사용해서 그랬던 적이 있을 만큼 정확하게 이해하고 적용 시켜야 되는 기술입니다. Pod (probe) - 프로브 기본 개념 3가지 종류가 있고 모두 /ready라는 url을 8080포트에 10초 간격으로 날리는데, 각각 성공이랑 실패에 대한 수치는 위 그림처럼 되어 있다고 해볼게요.컨테이너 안에 있는 App에서는 /ready라는 url이 사전에 만들어져 있어야 되고 Pod가 만들어지자마자 이 probe 기능들은 동작합니다.App은 처음 기동 중인 상태가 있고, 이때 쿠버네티스가 startupProbe 기능을 동작 시키면서 오브젝트 속성에 있는 대로 10초에 한 번씩 /ready라는 api를 App에 날려요. 기동 중일 때는 응답을 받을 수 없으니까 계속 실패가 될꺼고 10번 실패하기 전에 한번이라도 응답이 오면 성공으로 간주합니다. startupProbe 가 성공하면, 쿠버네티스는 startupProbe 기능을 중지 시키고 livenessProbe랑 readinessProbe기능을 동작 시킵니다. 그리고 또 설정 한대로 두 probe는 /ready라는 api를 10초 간격으로 반복해서 날리는데 App이 살아있는 동안에는 계속 200 OK 결과를 리턴 해주면서 이 두 probe 동작은 반복됩니다.각각의 역할은 다른데요.readinessProbe는 성공했을 때 외부 트래픽을 Pod가 받을 수 있는 상태로 만들어 주면서 서비스가 활성화 되고요. livenessProbe는 app이 살아 있는지를 계속 체크하는 역할 이예요. livenessProbe는 만약 App에 장애가 발생하게 되면, API는 실패를 하게 되고 설정에 따라 두 번을 실패하게 되면 쿠버네티스는 App을 재기동 시킵니다.이게 쿠버네티스에 프로브에 대한 기능이고, 일반적으로 자신에 App 기동 시간에 따라 startupProbe에 실패 횟수만 조정해서 쓰는 게 대부분인데 처음엔 이렇게 쓰더라도 어느 순간 이런 생각이 들 때가 있을 거예요. "왜 probe 마다 귀찮게 api들을 기입하는 항목이 각각 있을까?" 어차피 모두 같은 url을 지정해서 쓰는데, 그리고 또 한가지가 "어차피 장애가 나면 livenessProbe랑 readinessProbe는 같이 실패를 할 텐데, 굳이 readinessProbe도 계속 호출될 필요가 있을까?"쿠버네티스가 괜히 이렇게 해놓지는 않았을 텐데 "혹시 내가 이 프로브들을 제대로 쓰고 있는 게 아닌가?"이 프로브들을 간단하게만 써도 나쁘진 않지만 오늘은 이런 의문이 생기는 사람들을 위해서 probe에 대해서 좀 더 깊게 공부를 해보겠습니다. Pod (probe) - 실습카페 자료실 링크 (link)강의 영상에서는 실습이 함께 진행됩니다. Pod (probe) - 실습 로그 분석이제부터 실습 후 로그를 함께 분석해 볼게요. 먼저 App이 초기화 되기 시작했고, Spring이랑 Servlet을 초기화 과정이 있어요. 다음으로 Database를 연결하는데 실제 DB가 있는 건 아니고 그냥 제가 코드에 로그만 찍어 놓은거예요. 그리고 이렇게 App이 기동되는 동안 startupProbe는 계속 실패하고요. startupProbe가 찍히는 주기는 설정 해놓은대로 5초 간격이죠. 그리고 기동이 완료되면 startupProbe는 성공을 합니다. 근데 이 로그들은 startupProbe가 찍히는 걸 보여드리기 위해서 제가 임의로 코드를 구성했기 때문에 로그가 보이는 거예요. 무슨 말이냐면, 실제 App 상황에서는 쿠버네티스는 Pod가 생성되자마자 startupProbe를 작동 시키기 때문에 사실 처음부터 API는 실패 되고 있었거든요.이렇게 App이 기동 되기 전에는 API를 받지 못하기 때문에 실제로는 startupProbe에 로그가 찍힐 수가 없고, 만약에 Was로 tomcat을 썼다면 startupprobe가 찍히는 건 access.log 에서만 볼 수 있게 돼요.그래서 이 로그는 제가 임의로 코드를 구성한 학습적인 상황이라고 말씀드리는 거고요. 이제 기동이 완료가 됐고, [ConfigMap data is loading]은 사용자가 App이 기동 된 후에 외부에 데이터를 가져와서 추가적으로 시스템을 초기화 시키려는 상황 이예요. 그리고 밑에 livenessProbe랑 readinessProbe도 찍히기 시작했고요. 이때 readinessProbe는 실패했고, livenessProbe만 성공을 했네요. 그리고 추가적인 데이터 작업은 끝났고요.그림 제일 하단에 livenessProbe랑 readinessProbe는 계속 찍히고 있는데, 이제 둘 다 성공을 했네요. 그리고 호출 주기는 10초고요.근데 여기 보면 readinessProbe가 한번 실패를 했죠?이건 사용자 초기화 구간에는 readinessProbe가 실패 하도록 일부러 만든 거예요. 그래서 의도 한대로 현재 기능이 정확하게 동작을 해준 건데, 일단 이런 사실만 기억하고 다음으로 넘어가서 강의 영상에서 Application 동작 중심에 프로브를 다시한 번 설명 드립니다. 밑에 내용들을 강의 영상에서 설명 드릴 내용들 입니다. Pod (probe) - Application 동작 중심의 프로브 이해해당 내용은 근본적으로 쿠버네티스에서 왜 프로브라는 기능이 생겼는지 생각해봅니다.Pod (probe) - API 날려보며 프로브 동작 확인하기그리고 API를 날려보면서 앞에 설명한 기능들을 확인해보고요. Pod (probe) - 일시적 장애 상황에서의 프로브 활용마지막으로 일시적인 장애 상황에서 프로브를 좀 더 활용하는 방법을 얘기 해볼께요. 이렇게 강의를 모두 들으면 앞으로는 쿠버네티스에 프로브를 보게 될 때,내 app을 주의 깊게 관찰하게 되면서 어떻게 프로브를 잘 적용 시킬지 심각한 고민에 빠질 수 있게 되는 점 주의 바라며오늘 블로그는 여기까지 마치겠습니다. 해당 블로그는 [쿠버네티스 어나더 클래스] 강의에 일부 내용입니다.강의 링크 : https://inf.run/NzKyps. 한번도 좋아요♡를 안 준 사람은 있어도, 한번만 좋아요♡를 준 사람은 없다. 당신은 어떤 사람인가요? :)

데브옵스 · 인프라･인프런･쿠버네티스･어나더클래스･지상편･일프로･kubernetes･devops･kubeops･Application기능으로이해하기･Pod(probe)

[개경신문/2일차] 개발자 경제신문 읽기 2일차

신한은행, 인도서 영토 확장... 대출업체 지분 인수크레딜라 2400억원 신주 인수 방식 투자로 크레딜라 지분의 10% 를 취득하게 되었다크레딜라는 뭄바이 현지 비은행 금융회사로, 학자금 대출 1위 기업이다.신한은행은 1996년 인도에 진출해 6개 지점 운영중, 2023년 인도본부 순이익은 100억원이다. 신한은행 2023년 해외 본부 순이익은 5493억원이다.이번 지분 투자를 토대로 인도에서 소매금융 사업 영역 확대, 현지 기업 협업 예정. 14억명 인구 인도의 무한 성장 가능성을 시사. LG 엔솔, 거침없는 진군 ... 7조 미국 공장 착공미국 애리조나주 배터리 생산 공장 구축 : 원통형 배터리 및 에너지저장장치(ESS)용 리튬-인산철 배터리. 엔솔 북미 공장 중 최대 생산량전기차의 캐즘(대중화 전 일시적 수요 둔화기) 우려 속 최대 규모 설비 투자. 테슬라에 4680배터리를 꾸준히 팔고 있어서 가능ESS : 미국 내 노후 전령망이 교체되고 있으며, 신재생 에너지 저장단지 구축 프로젝트가 계속되고 있음. ESS 배터리 수요 증가 예측.다만 조인트벤처(JV) 공장은 완성차 업체 수요에 따라 생산 속도를 조절할 수밖에 없어 투자에 우려가 존재함 화합물 반도체 만드는 공공 파운드리 첫선 ETRI : 질화 갈륨 반도체 파운드리 서비스를 처음으로 시작질화 갈륨 반도체 : 실리콘 반도체보다 속도 빠름 효율 높음. 이동통신, 방위, 위성통신 등에서 쓸 수 있다 한국 오픈마켓 다 제친 중국 알리, 테무... 남은 건 쿠팡 뿐알리익스프레스 MAU : 887만명, 테무 : 829만명 --> 쿠팡 제외한 모든 온라인 쇼핑몰을 제침알리/테무 : 판매자-구매자를 연결해주고 수수료를 받는 플랫폼형 오픈마켓쿠팡, SSG, 컬리 : 직매입테무 : 중국 직구 상품 위주 초저가 + 대대적인 광고로 인지도를 끌어올리는 전략을 활용하고 있다알리 : 현지화 전략, 중국 상품 + 한국전용상품관 K베뉴 입점사는 0 수수료이다 (손해를 보고 파는 중) 반도체 주식 희비... AI 주춤하자 메모리 질주인텔 : 파운드리 적자, 주가 8% 급락마이크론테크놀로지 : 4% 오름엔비디아, TSMC : 인공지능 반도체 약세삼성전자, SK하이닉스 등 메모리 반도체 업체 강세

교양･신문읽기

[개경신문/1일차] 개발자 경제신문 읽기 1일차

대륙의 실수? 이젠 실력? ... 샤우미 전기차의 두 얼굴샤오미 첫 자체제작 전기 세단 SU7 , 4월 3일부로 고객 인도 시작함. 판매 6일만에 10만대 주문샤오미의 타겟은 '프리미엄 중형 세단 전기차'. 다만 적자를 보고 파는 가격임.차량 개발 3년만에 양산, 독자 OS 경쟁력도 뛰어남전폭적인 중국 정부의 지원을 토대로 자동차 제조 생태계 구축. 다만 시스템 품질은 별로인듯 : 코너링하다가 미끄러짐(타이어 접지력, 타이어 모델링 잘안된듯), 서스펜션 내려앉기 등오히려 OS, 인포테이먼트 시스템 구축보다 차량동역학적 설계에서 아쉬움이 존재하는 듯 함.하이퍼 OS : 자동차, 스마트폰, 가전을 연결할 수 있음. 새마을금고 '깡통금고' 되나... 연체율 10% 넘은 곳 44곳 -> 80곳 (1년새)23년 7월 뱅크런 사태 이후 PF 부실 채권 문제로 새마을금고 단위금고가 위험함개별 금고에 대한 느슨한 감독, 허술한 내부통제, 경영진의 비전문성 등의 문제가 존재함.23년 말, 한국자산관리공사에서 새마을금고 부실채권 1조원을 사준 것이 반영되어도 높은 연체율을 기록함.한국은행, 새마을금고에 직접 유동성을 공급하기로 했다 : 돈을 빌려주거나 채권을 사주나용? 내년 R&D 예산 역대 최대로 편성2027년에 정부 R&D 예산의 5%를 "혁신도전형 R&D 분야" 에 투입 : 세계 최초, 최고를 지향해 실패 가능성은 높으나 성공시 혁신적 파급 효과를 이끌어낼 수 있는 R&D 사업. 예비타당성 조사를 수년이 걸림. 그럼 왜 최대편성했다고 거짓말친거야...? 중동 불안, 중국 경기도 꿈틀... 다시 고개든 '인플레 공포'

교양･신문읽기

[회떠신먹/1일차] 회사가 떠먹여주는 신문 씹어먹기 1일차

"서울 2인가구, 온라인 쇼핑보다 편의점. 국내서 유일하게 합성데이터 생성"합성 데이터 : 원본 데이터를 가명처리한 후 통계 모델에 학습시켜 실제 데이터와 유사한 통계적 특성을 가진 가상의 데이터를 새롭게 만들어낸 것. 원스톱 가명 처리 데이터 변환 및 활용 가능 여부 평가가 필요하다.데이터가 부족한 기업들이 보유한 데이터를 "합성"을 통해 증강시켜서 풍부한 데이터를 확보할 수 있다. "손품 덜어주는 AI, 장바구니 꽉 채웠다"e커머스 업계에서 AI 도입 : 맞춤형 큐레이션, 리뷰 추천 등 초개인화 서비스 활용. 고객 활동 이력(구매, 검색, 클릭) 분석(내생각) 다만, 구매 전환율과 객단가가 높아지길 "기대하는" 것임. 운용 고정 비용을 생각했을 때 수익이 나올지 궁금함성공사례 : 에이블리. 자체 개발 추천 시스템을 활용해 고객 취향, 뷰티/라이프 스타일 교차 추천 고도화에 집중하여 흑자전환에 성공하였다. (-> 근데 진짜로 AI 추천 시스템으로 흑자전환을 한걸까...?) "AI, 데이터 접목 디지털 전환. 보험 상품, 서비스 혁신 지원"손해보험협회가 보험사의 디지털 혁신을 지원하겠다. 인구구조 변화 대응. 디지털 혁신을 위해 데이터 기반 보험 상품 개발과 서비스 고도화를 지원하겠다.자율주행 도입과 커넥티드카 확대로 손보사의 모빌리티 데이터 활용 수요가 증가하고 있다. : 자율주행 3단계 상품은 아직 안나왔고, 아직 손해산정을 할 수 없을텐데 왜 하지? 하지만 내가 손해보험사라면 고속도로 주행 위주의 사용자는 싸게, urban driving 위주 사용자는 비싸게 팔겠다. 특히 계획도시 위주라면 싸게, 원도심(부산 구도심, 혹은 6거리 등이 있는 도시)은 비싸게 하겠음.가상자산업 사업자 대상 배상책임보험, 비대면 금융사고 보장보험 등을 개발 : 신기술 등장에 따른 보장 공백 최소화. 등락폭에 제한이 없는 가상자산을 보장한다고 하니...정말 파격적이다. "연합학습 기반 AI 신약개발, 5년 대장정 닻 올렸다"'약동학 예측 모델' 개발하겠다. : 약이 인체 내 흡수, 분포, 대사, 배설되는 것의 총칭연합학습 : 데이터 이동없이 모델만 옮겨서 학습. 아무래도 바이오 데이터는 그래프 형태로 사이즈가 크니까 인메모리 ai 를 지향하나보다. "불면증은 앱으로 치료, 혈압은 반지로 24시간 관리한다"정작 건강보험 범위는 줄여놓고 헬스케어 ㅇㅈㄹ로 건강 문제를 개인의 책임에 돌리지 마라 개빡치니까 의료보장 없으면 대한민국 왜 사냐.정작 불면증 문제를 겪는 근본적인 원인을 해결해보자. 경쟁 과열화로 인한 스트레스, 먹고 살기 팍팍한 것, 열악한 2-30대 주거환경을 개선해라건강관리가 중요한 노인층의 디지털 헬스케어 접근성이 떨어지는 문제도 지적된다. : 타겟팅 제대로 해... 디지털 접근성이 높은 건강한 젊은 친구들은 이런거 안사고 쇠질한다고. "AI 기술, 대량 살상무기에 사용될 가능성"인간 통제 없이 적군을 공격하는 AI 드론 : 살상 여부 판단은 인간이 했을 것. 우크라이나-러시아 전쟁에서 송출되는 영상은 심리전 가능성이 있으므로, 전부 믿지 말아야함. (군대 다녀온 동료가 군이면 할 수 있다고 했다...)만약 진짜라면 병기-카메라 캘리브레이션 어떻게 했을까? 특히 드론 특성 상 예측이 공기 흐름이나 반동 때문에 명중 정확도가 떨어질 것 같음. "글로벌 AI 기업 '팔란티어', 한국 방산시장 진출 타진"LLM, ML 모델 활용 서비스를 제공하는 기업. 팔란티어 고담(도시/국가 단위 범죄, 테러 감지 및 통제?), 팔란티어 파운드리(기업 내부 데이터 활용, 현재 상황과 문제를 경영진에게 알림), 팔란티어 아폴로(고담, 파운드리 관리 소프트웨어)HD 현대그룹은 팔란티어 한국법인 25퍼센트 지분있음. 다양한 계열사에 활용함MDO 수행을 위한 AI 기반 육군항공부대 지휘 관리 Decision Support System : 지휘관에게 부대 현황 대시보드 제공. 한공기 상태 점검 및 경고/정비 제안AI 기반 Open Source Intelligence 수집 분석 플랫폼 : SNS, 인터넷에 업로드된 민간인들의 군사정보를 추출, 전차 대수 등의 군사 정보를 파악. 가짜정보 탐지 등. => 가명처리 안하면 이거 민간인 사찰급인데ADD 가 21년부터 AI 지휘 결심 지원기술 연구 중 성과 아직, 방산 업체들의 AI 솔루션도 아직 초보 단계. "커피 16잔 싣고 인파 뚫고... 이팀장님 얼굴 본 후 "배달이요""현대차 : DAL-e Delivery 자율주행 배송로봇 공개. 플러그앤드라이브 모듈로 차체 흔들림을 잡아준다. 엘배, 출입문 관제 시스템과 연동해 배송 가능함AI 안면 인식 기술 : 99.9% 정확도 인증 받음.

교양･신문읽기

깃허브에 보안 파일을 숨기는 방법

[문제 발견]깃허브에 올렸던 api key를 숨기고 싶어서 파일을 만들었다.파일 글씨가 회색으로 바뀌어야 하는데 아래와 같이 바뀌지 않고 깃허브에서도 api key가 보이는 것으로 확인했다[문제 분석]api key를 깃허브에 숨기고 올리기 위해선 push 전에 작업이 이루어져야 한다는 것을 알게 되었다.push를 14번 하고 기록을 남겨두고 있었는데.. 해당 레파지토리를 비공개로 돌리고 새로운 레파지토리를 생성했다. [문제 해결]push 하기 전 .gitignore을 통해 보안 파일 숨기기💡api 관련 .js 파일을 하나 생성해둔다.const config = { apikey: "키 값" }index.html의 body 내에 아래와 같은 코드를 넣는다.<script type ="text/javascript" src="apikey.js"></scirpt>기존 main.js의 API_KEY에 키 값을 지우고 새로 생성한 js의 값을 가져온다.const API_KEY = config.apikey;.gitignore 파일을 만들어 숨겨야 할 보안 파일(api key 값이 들어있는 .js파일)을 입력하고 push한다.

FE 과제

day2실행 주소 :: https://a-yeye.github.io/Frontend/day2/day2.htmlgithub 주소 :: https://github.com/A-YEYE/Frontend/tree/main/day2<div class="menuDiv"> <button class="button" id="all">All</button> <button class="button" id="breakfast">Breakfast</button> <button class="button" id="lunch">Lunch</button> </div>const buttonElement = document.querySelector('.button'); buttonElement.addEventListener('click', (event) => { let inputClass = event.target.id; console.log(inputClass); }); ?1. button이라는 공통된 class를 가진 요소들 중 하나를 클릭했을 때 클릭된 target의 id를 가져올 줄 알았는데 id가 all인 버튼만 작동하고 breackfast, lunch는 아무 값도 반환하지 않음.=> querySelector() 메소드는 DOM에 일치하는 항목이 없으면 null을 리턴하고, 매개변수로 지정된 CSS 선택자와 일치하는 요소가 있는 경우 첫 번째 요소만을 리턴한다고 한다. 아쉬운 점- 완벽한 반응형이 아니군.....- 공통된 class를 가지고 있으니까 활용하고 싶었는데 방법을 못 찾아서 id를 이용해서 기능을 만들었는데 다른 방법이 있을까 궁금함 제이쿼리 밖에 답이 없는 걸까? day3실행 주소 : https://a-yeye.github.io/Frontend/day3/day3.htmlgithub 주소 : https://github.com/A-YEYE/Frontend/tree/main/day3칭찬 : 처음부터 구조 잡고 들어감.아쉬운 점 :div에 내용 넣을 때 그냥 div에 넣는 게 좋은 건지 div 안에 input 박스를 넣고 투명도를 두면서 작성하는 게 좋은 건지 모르겠으나div먼저 구조 잡고 스타일 넣은 상태에서 input box 넣고 다시 스타일 주는 게 귀찮아서 남은 횟수랑 플레이어와 컴퓨터의 승점을 input type="hidden"에 넣어두고 그 값을 불러와서 div값을 변경해주는 방법으로 짰는데 이렇게 하다보니 더 복잡하게 짠 느낌..... 2. 처음에 짜둔 구조에다가 결과가 나올 때 div의 속성에 접근해서 높이나 값을 변경해줬는데 이러지말고 새로운 div를 생성해서 display를 none, block 처리했으면 더 나았을 거 같음day4실행 주소 : https://a-yeye.github.io/Frontend/day4/day4.htmlgithub 주소 : https://github.com/A-YEYE/Frontend/tree/main/day4day5-1실행 주소 :: https://a-yeye.github.io/Frontend/day5-1/day5-1.htmlgithub 주소 :: https://github.com/A-YEYE/Frontend/tree/main/day5-1day5-2실행 주소 :: https://a-yeye.github.io/Frontend/day5-2/day5-2.htmlgithub 주소 :: https://github.com/A-YEYE/Frontend/tree/main/day5-25-2에서 너무 시간을 오래 보냄.......처음에 유저가 없다고 뜨는 이유는 화면 녹화키를 눌러서 R키를 눌렀다고 인식해서...마지막에 조회했다가 해당 유저가 없습니다는 너무 오래있다가 없어지긴 함....더 잡고 싶지만 과제가 밀려서 이건 여기까지.... day6실행 주소 :: https://a-yeye.github.io/Frontend/day6/day6.htmlgithub 주소 :: https://github.com/A-YEYE/Frontend/tree/main/day6옵저버 패턴을 배우고 클릭 이벤트가 발생할 때 사용할 수 있지 않을까 싶어서 뻘짓을 하다가 여기에선 맞지 않는 다는 걸 깨닫고 원래 짜던대로 짬....비밀번호 체크할 때 정규식을 매번 남이 만들어 놓은 거 복붙해서 만들었었는데 직접 만들려니까 엄청 헤맴..let pwRule = /^(?=.*[0-9]).{6,}$/; // 1. 정규표현식 리터럴 let pwRule = "^(?=.[0-9].{6,}/)"; // 2. let regex = new RegExp(pwRule); // 3. 정규표현식 객체 생성자 2 만들어 놓고 test함수를 돌렸는데 에러가 계속 나서 한참 헤맸는데 정규표현식 객체로 만들어 줬어야 했다과제 아니었음 계속 몰랐을 듯.. day7실행 주소 :: https://a-yeye.github.io/Frontend/day7/day7.htmlgithub 주소 :: https://github.com/A-YEYE/Frontend/tree/main/day7

innerHTML 값 null 에러

main.js에서 뉴스 화면을 render하는 과정에서 오류가 났다. [에러 확인]Cannot set properties of null (setting 'innerHTML')라는 에러가 발생했다 [에러 분석]const board = document.getElementById("news-board"); console.log(board);innerHTML의 값이 존재하지 않는다는데, 뉴스 내용을 출력하는 news-board의 값이 존재하는지 console.log로 찍어보았다. news-board 자체의 값이 null로 뜨고 존재하지 않는다. [에러 수정 및 결과]<section id="news-board">  <div class="row news-contents"> <div class="col-lg-4"> <img class="news-img-size" src="https://cdn.ize.co.kr/news/photo/202203/51450_61847_1553.jpg"/> </div> <div class="col-lg-8"> <h2>제목</h2> <p> 내용 </p> <div> 출처 2024-03-27 </div> </div> </div> </section>문제는 index.html에서 news-board의 값을 class로 설정했던 이유였다.class="news-board"로 되어있던 것을 id="news-board"로 바꿔주었더니 값이 확인된다.

배열 출력 항목마다 콤마(,) 가 뜨는 문제

[문제 발견]api를 받아와서 화면 출력에 성공했는데, 출력 화면 항목마다 콤마(,) 가 떠서 UI 수정이 필요하다.[문제 분석]화면에 newsHTML을 출력하여 내용을 확인해봤다(출력 코드는 render함수 내에 작성함)console.log("html", newsHTML)HTML의 배열 항목마다 콤마(,)로 구분되어있는 것을 발견했다.배열을 프린트하기 때문에 콤마까지 출력되는 것이었다.콤마를 삭제하기 위해서 array -> String 타입으로 변환이 필요하다. [문제 해결]const newsHTML = newsList.map( (news) => `<div class="row news-contents"> <div class="col-lg-4"> <img class="news-img-size" src="></h2> </div> </div>` ).join('');console.log(elements.join(''));을 사용하여 공백을 입력하면 구분항목을 없앨 수 있기에, newsHTML 맨 뒤에 .join('')을 추가했다. 콤마(,)가 삭제된 화면으로 해결됐다

(기술예술융합 아이디어톤!) 제 3회 APE CAMP 오픈콜 ~04.15.

■ 더 알고 싶다면?1) 한국문화예술위원회 제 3회 에이프캠프 오픈콜https://www.arko.or.kr/board/view/4053?bid=&page=&cid=1807838 2) 제 3회 에이프캠프 참여 접수https://answer.moaform.com/answers/EOxyPV 3) 에이프캠프 인스타그램https://www.instagram.com/apecamp2024/

VR/AR･사이드프로젝트･VR･AR･XR･실감음향･모션캡쳐･메타버스･데이터･통신･해커톤