이야기를 나눠요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
앨런 Swift문법 마스터 스쿨 (온라인 BootCamp - 2개월과정)
해당 강의에 Life Cycle 선택란이 안보이시면 그냥 넘어가세요 😉
Life Cycle 선택란이 2022년 현재는 Xcode의 업데이트로 이젠 사라진듯 하네요. 슬랙 질문방 찾아보니 강사님이 그냥 넘어가도 문제 없다고 답변하신게 있습니다. 혹시나 저 처럼 앱 만들기 시작부터 당황하시는분들 있을텐데 슬랙에 뭔가 물어보긴 너무 가벼운거 같기도 하고 고민하실 분들 계실까봐 여기 글 올려요 🙂
-
플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
이미지 사이즈 일관성을 이렇게 하는군요
흐아 이거 진짜 어려웟는데 태그 하나 감싸서 영역을 잡고 설정하는거구낭,, 감동의 강의!
-
플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
와 이거 하고나니 진이 다 빠짐
Flex UI 실전 제작(4) – 반응형 상담 신청하기(5) 여까지 하고나서 height랑 min-height땜시 엄청 고민하다 겨우 해결햇네여 흐아아 지친다 배고프다 하지만 해결되어 기쁘네요
-
혹시 개발자 직장인 분들 중에서 사이버 대학교나 학점 은행제로 공부하시는 분들 있으신가요?
안녕하세요. 현재 프론트 개발자로 일하고 있고, 백앤드도 조금씩 배우고 있는 주니어 개발자 입니다. 요즘 유튜브나 인프런 등등 다양한 채널에서 조금씩 공부를 하고 있는데요. 회사 분 중 한 분이 방송통신대로 컴퓨터 공학과를 입학할 예정이라고 하시더라구요. 저도 사실 대학교 전공이 이 쪽이 아니기도 했고 (4년제 사회과학대 졸업) 어떻게 공부를 해야 내 커리어를 잘 쌓을수 있을지 고민이 많이 되는 시기라서요. 아무래도 대학을 다니면 좀 힘들긴 하겠지만 컴공과 수업을 들을 수 있다는 점과, 졸업을 하려면 강제로 공부를 해야하니..도움이 될 거 같기도 합니다. 아니면 지금처럼 자유롭게 공부하고 싶은거 생기면 그때 그때 공부하는 삶도 즐겁긴 하거든요. 요즘 강의들이 워낙 다 잘나와서.. 들으면서 따라하는 것도 너무 재밌어요 그래서 사이버 대학이나 학점 은행제, 방송통신대 등 직장과 대학을 병행하시는 분들이 있으면 어떤지 의견을 듣고 싶습니다. 직장과 학업 병행 어떤가요??
-
Three.js 3D 인터랙티브 바로 시작하기
FBX파일 로더 관련해서 질문 드립니다 ㅜㅜ
강의 잘 보고있습니다 선생님! 다름이 아니라 fbx 파일을 로더하는 과정에서 자꾸 오류가 생기는데 왜 그런건지 알수있을까요 부탁드립니다....ㅠㅠ 현재 샘플 코드를 보며 공부하던중인데 강의의 코드처럼 import하는 방식이 아닌 링크를 복사해서 스크립트를 끌고오는 방식이더라구요... 문제는 main.js에 import { FBXLoader } from "https://unpkg.com/three@0.108.0/examples/jsm/loaders/FBXLoader.js" 을하면 콘솔창에 에러가뜨면서 랜더링이 되지않는 상황입니다... 어떤 충돌이 일어나서 이런상황이 일어난건지 알수있을까요? 그리고 해결방법은 어떻게 해야하는지 너무 막막합니다.. 예제는 3차원 웹, 하늘과 바다를 만들어 봐, 캔버스와 함께하는 자바스크립트, 20번째 시간 (tistory.com) 여기입니다 강의관련 내용이 아닐수있지만 도와주시면 감사하겠습니다
-
플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
리액트에서는 일케함 Flex UI 실전 제작(3) – 반응형 헤더 네비게이션(4)
이렇게 해결함 import React, { useRef, useState } from "react"; import styled from "styled-components"; import { Container } from "../components/styled/container"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faFacebook, faGoogle, faTwitter } from "@fortawesome/free-brands-svg-icons"; const Temp = styled(Container)<{ isShow: boolean }>` width: 100%; height: inherit; background-color: #ccc; display: flex; align-items: center; font-size: 1rem; color: black; header { .trigger { display: none; } width: 100%; height: 60px; background-color: #0099ff; display: flex; justify-content: center; align-items: center; nav { width: 1280px; display: flex; justify-content: space-between; .logo { img { filter: invert(100%); } img:hover { filter: invert(10%); } } .gnb { display: flex; white-space: nowrap; li { a { color: #fff; margin: 10px; } a:hover { color: #ff7675; } } } .sns { white-space: nowrap; a { color: #fff; margin: 5px; } a:hover { color: #ff7675; } } } } @media screen and (max-width: 768px) { header { width: 100%; height: auto; nav { flex-direction: column; position: relative; .logo { margin: 10px 0 5px 10px; } .gnb { border-top: 1px solid #1482ff; flex-direction: column; text-align: center; display: ${(props) => (props.isShow ? "block" : "none")}; li > a { color: #fff; margin: 0; } a { padding: 5px; display: block; } } .sns { display: ${(props) => (props.isShow ? "block" : "none")}; text-align: center; padding: 0 5px; background-color: #81ecec; a { /* border: 1px solid red; */ display: inline-block; margin: 0 10px; font-size: 1.2rem; padding: 3px 8px; } } .trigger { cursor: pointer; /* border: 1px solid black; */ display: block; width: 25px; height: 15px; position: absolute; top: 15px; right: 15px; span { background-color: #fff; height: 1px; position: absolute; width: 100%; transition: 0.3s ease-out; } span:nth-child(1) { top: 0px; } span:nth-child(2) { top: 50%; } span:nth-child(3) { top: 100%; } } .trigger.active { span:nth-child(1) { top: 50%; transform: rotate(45deg); } span:nth-child(2) { opacity: 0; } span:nth-child(3) { top: 50%; transform: rotate(-45deg); } } } } } `; function Resume() { const triggerRef = useRef<HTMLDivElement>(null); const [isShow, setShow] = useState(false); function bergerToggle() { triggerRef.current!.classList.toggle("active"); setShow((pre) => !pre); } return ( <Temp isShow={isShow}> <header> <nav> <div className="logo"> <a href="#none"> <img src="images/logo.png" alt="" /> </a> </div> <ul className="gnb"> <li> <a href="#none">Home</a> </li> <li> <a href="#none">About</a> </li> <li> <a href="#none">Project</a> </li> <li> <a href="#none">Plan & History</a> </li> <li> <a href="#none">Awards</a> </li> <li> <a href="#none">Location</a> </li> <li> <a href="#none">Contact</a> </li> </ul> <div className="sns"> <a href="#none"> <FontAwesomeIcon icon={faFacebook} /> </a> <a href="#none"> <FontAwesomeIcon icon={faTwitter} /> </a> <a href="#none"> <FontAwesomeIcon icon={faGoogle} /> </a> </div> <div ref={triggerRef} className="trigger" onClick={bergerToggle}> <span></span> <span></span> <span></span> </div> </nav> </header> </Temp> ); } export default Resume;
-
플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
이야 깨달음이왓싸
이야아 a태그가 inline 속성이라 block으로 바꾸는걸 처음 배웟슴니다 감동햇어요
-
[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)
html 들어오고부터 강의가 몰입도가 너무 떨어져요..
그냥 아 이런게 있나보다 하고 넘어가면 되는걸까요 의욕이 확 사라지네요 흑흑
-
스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
메시지 테스트 중 한글 비교 실패
Standard Java API에서 프로퍼티 파일들은 ISO 8859-1 인코딩을 사용한다고 합니다. 설정(⌘+;)창 Preferences > Editor > File ncodings 메뉴를 들어간 뒤 Properties Files(*.properties) 항목에서 Transparent native-to-ascii conversion 를 체크 하여 설정 참고 : https://ifuwanna.tistory.com/291
-
스프링 DB 1편 - 데이터 접근 핵심 원리
pdf 강의 자료에서 발견한 오타들 제보합니다
안녕하세요. 언제나 좋은 강의 너무 감사합니다! 스프링 DB 1편 강의도 듣다보니 마지막 영상 <다음으로> 만 남았네요. 그동안 강의자료를 보다가 발견한 오타들이 몇 개 있어서 제보드립니다. ------------------ 4. 스프링과 문제 해결 - 트랜잭션 p.30 입니다 정상 동작하는 하고 -> 정상 동작하고 ------------------------- 5. 자바 예외 이해 p.21 하단입니다. 체크 예외 구현 기술 변경시 파급 효과 -> 런타임 예외 구현 기술 변경시 파급 효과 로 변경하면 맞는 것으로 보입니다. --------------------- 6. 스프링과 문제 해결 - 예외 처리, 번복 p.11-14 입니다. MemberServiceV4Test 코드에서 SQLException 관련 부분이 모두 제거되는 것이 강의 내용과 맞습니다. 이 강의 자료에 해당되는 <런타임 예외 적용> 강의 영상에서는 이를 제거합니다. (8분 15초) --------------------- 6. 스프링과 문제 해결 - 예외 처리, 번복 p.26 입니다. 스프링 예외 추상화와 덕분에 -> 스프링 예외 추상화 덕분에 ------------------------ 감사합니다!
-
실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
View 재활용에 대한 의견이 궁금합니다.
서버보다는 클라이언트 개발하시는 분들이 보시면 좋을 것 같아요. CRUD 에서 Create 와 Update 는 사용자 입장에서 보면 동일한 화면인 경우가 많습니다. 그래서 저는 개발할 때 생성과 수정을 같은 소스 파일을 사용합니다. 우려되는 점은 다음과 같습니다. View 단의 코드가 복잡해진다. 하지만 다음과 같은 이유 때문에 저는 같은 소스를 사용합니다. 디자인이 수정될 경우 하나의 소스만 수정하면 된다. SSR 에서는 잘 모르겠지만 CSR 에서는 같은 소스 파일을 사용하는 게 유지보수성이 더 좋다는 게 제 생각입니다. 여러분의 의견이 궁금합니다.
-
스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
"Elvis 연산자"를 배우며 김영한님을 써보았습니다.
v1. /: v2. /B v3. (/B-)
-
실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
MemberForm 에서 Member 로 변환 코드 개선
비슷한 내용을 담고 있으면서도 다른 data model 을 사용하는 경우가 있습니다. 여기서는 Member 와 MemberForm 이 되겠죠. 아키텍처상 다른 레이어라면 다른 data model 을 사용하게 되어 있습니다. MemberController 의 34~38 라인의 코드는 변환만 담당하는 Mapper 클래스를 별도로 두어 1줄로 바꿀 수 있습니다. 또는 MemberForm 클래스 내부에 toEntity() 와 같은 메서드를 두어 처리할 수도 있습니다. "mapper class" 혹은 "toEntity" 와 같은 키워드로 검색하시면 관련 내용을 찾을 수 있습니다. Spring 에서만 사용하는 개념은 아니니 두고두고 쓰실 겁니다...
-
스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
강의 자료에서 발견한 오타들 제보드립니다
스프링 MVC 2편 너무 잘 들었습니다. 감사합니다! 현재는 스프링 DB 1편 강의를 아주 재밌게 듣고 있습니다. 그동안 MVC 2편 강의를 들으며 발견했던 오타들을 메모해두었었는데 개선되면 좋을 것 같아 제보드립니다! ------------------ 4. 검증1 - Validation p.6 입니다. model errors를 담고 -> model에 errors를 담고 ---------------------- 4. 검증1 - Validation p.20 입니다. errorCode -> codes 로 고치면 맞는 것으로 보입니다. -------------------------------- 4. 검증1 - Validation p.25 입니다. ValidationItemControllerV2 - addItemV4() 추가 바로 다음 부분에 나오는 내용입니다. addItemV2() -> addItemV3() 로 고치면 맞는 것으로 보입니다. ------------------------- 5. 검증2 - Bean Validation p.24 입니다. 분기분 -> 분기문 --------------------------- 6. 로그인처리1 - 쿠키,세션 p.25 입니다. 나의 로컬 PC가 -> 나의 로컬 PC에서 -------------------- 9. API 예외처리 p.1 입니다. 서블릿 오류 페이지로 -> 서블릿 오류 페이지 ----------------------------- 9. API 예외처리 p.7 입니다. API는 -> API ------------------------- 9. API 예외처리 p.7 입니다. 다른 상태코드도 -> 다른 상태코드로 ---------------------------- 10. 스프링 타입 컨버터 p.13 입니다. Principal -> Principle ------------------------------ 11. 파일업로드 p.21 입니다. MultipartFile -> List<MultipartFile> 로 고치면 맞는 것으로 보입니다. -------------------------- 감사합니다!
-
스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
메시지, 국제화 강의 자료 내용 중에 개선 가능한 부분이 있는 것 같아 제보드립니다
안녕하세요. 메시지, 국제화 강의 자료 내용 중에 개선 가능한 부분이 있는 것 같아서 제보드립니다. ----------- ---------- --------- 위는 "3. 메시지, 국제화.pdf" 강의 자료 내용입니다. 강의 영상에서는 <스프링 메시지 소스 사용> 2분 30초 및 3분 55초 부근에서 해당 내용을 다룹니다. 강의 자료 및 강의 영상에서는 MessageSource 객체의 getMessage 메서드를 호출할 때, locale을 null로 넘기면 곧바로 messages.properties 파일에서 데이터를 조회하는 것처럼 설명되어 있습니다. 그런데 https://www.inflearn.com/questions/286899 에서 영한님이 답변을 해주신 바와 같이 locale을 null로 넘기면 locale = Locale.getDefault(); 를 호출하여 시스템 기본 locale로 먼저 조회를 하고 (시스템 기본 locale이 ko_KR 라면 messages_ko.properties 를 먼저 찾고), 이후 시스템 기본 locale로 조회되는 것이 없을 경우에 messages.properties를 찾는 것으로 보입니다. 정리하면, 현재 pdf 자료와 영상에서는 locale = null 인 경우 -> messages.properties 조회 라고 알려주고 있는데 이를 다음과 같이 중간 과정을 설명해주는 내용으로 개선하면 더 정확하지 않을까 생각합니다. locale = null 인 경우 -> 시스템 기본 locale이 ko_KR이므로messages_ko.properties 조회 시도 -> 조회 실패 -> messages.properties 조회 제 컴퓨터에서는 시스템 기본 언어가 en으로 되어 있어, 본 강의 내용을 들을 때, 영한님이 강의에서 보여주신 것과 동작이 달라서 문제 원인이 무엇인가 구글도 찾아보고 인프런 게시판도 찾아봤었습니다. 인프런 게시판을 검색해보니 저와 비슷한 현상을 겪으신 분들(https://www.inflearn.com/questions/259370, https://www.inflearn.com/questions/286899, https://www.inflearn.com/questions/489062)이 더러 있더라구요. 위에 언급한 강의 자료 내용을 개선해주시면 시스템 언어 설정이 달라서 발생하는 이런 혼란이 줄어들 수 있지 않을까 싶습니다. 항상 좋은 강의에 감사드립니다!
-
[무료세미나] INNOPOLIS AI SPACE-S 인공지능 세미나 - 라벨링 없이 해보는 의미론적 분할
이번에는 옥스퍼드 대학 VGG그룹 박사과정이자 AIFactory 데이터사이언티스트이신 신경인님을 모시고, "라벨링 없이 해보는 의미론적 분할"이란 주제로 Space-S 인공지능 세미나를 준비했습니다. (참고로 VGG 그룹은 여러분이 잘 아시는 CNN의 VGGNet을 개발한 랩실입니다.) 관련 주제로 이번 CVPR 2022 워크샵에도 선정되었답니다. 딥러닝 기반 의미론적 분할의 수요는 늘어나고, 라벨링은 또 어렵고... 이제 의미론적 분할에도 능동학습과 자기지도 학습이 필요한 시점입니다~ 관심있으신 분들은 7월 19일(화) 저녁 7시에 온라인(유튜브)에서 뵈어요! 상세 프로그램은 아래와 같습니다. 세미나 소개 날짜: 2022년 7월 19일 화요일 시간: PM 7:00 ~ PM 8:00 접속 링크: https://aifactory.space/competition/detail/2061 19:00~19:30 1부 의미론적 분할을 위한 능동학습 (active learning for semantic segmentation) 19:30~20:00 2부 물체분할을 위한 자기지도학습 (self-supervised learning for object segmentation) 연사 소개 연사 : 신경인 (옥스퍼드 VGG 연구실 박사과정 & AIFactory 데이터사이언티스트) 진행 : 김태영 (주)인공지능팩토리 대표이사
-
설계독학맛비's 실전 Verilog HDL Season 1 (Clock부터 Internal Memory까지)
1억^8을 실제로 해 봤습니다.
연산 규모가 늘어날수록 HW/SW의 격차는 어마무시해진다고 맛비님이 강의에서 말씀하셨죠. 얼마나 어마무시해질지 궁금해서, for문의 마지막에 정말로 1억을 넣고 시뮬레이션을 돌렸습니다. 그러니까 연산의 마지막에는 1억의 8제곱을 계산한 것입니다. 결과는 아래와 같습니다. - SW(C 코드): 23초 - HW(Verilog): 1초(시뮬레이션상 시간) 23배라는 차이를 보였습니다. 실험 결과를 공유하고 HW의 유용함을 알리기 위해 이 글을 적었습니다!
-
스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
완강!! 너무너무 고맙습니다.
- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 너무너무 고맙습니다. 덕분에 스프링, DI, JPA 등에 대해서 조금 더 가까워 진 것 같아서. 한번 만들어보며 확인해보고 부족한 부분 채우러 다시 오겠습니다. 좋은 날 항상 웃음 많은 날 되세요 ^^
-
스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
강의 너무 끊겨요. 무한 버퍼ㅠㅠ
껐다 켜도 그러고, 어쩝니깡ㅠㅠ 유투브는 잘 틀어지는데
-
아마존 클라우드 무료계정으로 시작하는 서버리스 애플리케이션 프로젝트
개발자 문서 공유합니다.
https://docs.aws.amazon.com/AmazonS3/latest/userguide/UsingRouting.html 강의 중 살펴보시는 s3 개발자 문서 url이 달라져서 찾은 김에 공유합니다!