개발/TOOLS26 CSS Flexbox, inline-block를 이용한 배치 설정 다시 Flexbox로 https://devkimchi.tistory.com/84 미디어 쿼리 적용 반응형 웹 사이트 만들기 와이드 모니터용 고해상도 와이드 모니터에 맞는 반응형 웹을 만들어 보려 합니다. 큰 와이드 모니터에선 네이버가 밑의 사진과 같이 나오는데 학습 겸 해서 반응형 웹으로 만들어 보려 합니다. 요즘 적응형 웹 devkimchi.tistory.com 이전글에서 div 안에 block과 inline-block를 이용해서 css를 설정했을 때 원하는 형상으로 위치가 된 듯 보였으나 프로필 쪽을 길게 주니 프로필이 폭에 따라 위로 갔나 아래로 갔다 하는 문제가 발생했다. 일단 링크는 아래로 가고 로고와 프로필은 상단의 좌, 우로 흩어지고 또 폭이 좁아 지면 로고, 프로파일, 링크 순으로 열이 되.. 2023. 2. 6. 포토샵 깨지지 않는 이미지 만들기(화질저화) 와 캔버스 크기 조절하기 포토샵 깨지지 않는 이미지 만들기 와 캔퍼스 크기 조절하기 연예인 문가영씨 사진을 가지고 포토샵으로 깨지지 않는 이미지를 만들어볼께요 예쁘게 나온 문가영씨 사진 이미지를 어떻게 조절하는지 적어봅니다 . 포토샵 깨지지 않는 이미지 설정이미지의 크기를 줄이거나 늘릴경우 큰 사진을 줄이는경우는 크게 문제가 되지 않으나 저해상도의 이미지를크게 확대 할 경우 계단 처럼 층이 지며 화질이 저화 되는경우가 생깁니다. 이를 방지 하기 위해 포토샵에기능이 있는데요 이를 한번 알아 보겠습니다.단축키 ctrl + O를 눌러서 파일을 가져옵니다. img(이미지) - img size(이미지 사이즈) 클릭 합니다. 이미지 사이즈 상태창이 뜨면 폭(Width), 높이(Helght)를 원하는 사이즈 설정과 픽셀로 설정합니다. Re.. 2023. 2. 5. 포토샵 한글판 이미지 여백 채우기, 그레이디언트 도구 , 테두리 그리기 방법 오늘은 어제 이어서 이미지에 남아 있는 양쪽 여백에 이미지를 자동으로 채워 보는 방법과 색깔을 추출해서 자연스럽게 색상을 채우는 그레이디언트 도구 이용해서 이미지를 자연스럽게 만드는 방법, 이미지에 테두리 선을 그어서 사진을 꾸미는 방법까지~ 적어볼게요. 이미지 여백 채우기 먼저 합성된 사진까지 준비가 된 상황에서 옆에 레이어 (Layers) 보면 배경사진과 강아지를 딴 레이어를 합칩니다. 단축키 ctrl +E를 배경레이와 강아지레이어가 합쳐집니다. 배경 레이어를 클릭 후 사각형 선택도구를 이용해서 양쪽에 여백을 드래그를 해서 영역을 정합니다. 왼쪽에 한번 드래그를 하고 Shift를 눌러서 오른쪽도 영역을 선택합니다 그리고 편집(Edit)-Content-Aware fill(콘텐츠 내용 인식 채우기 ) 누.. 2023. 2. 4. 포토샵 기본 도구사용하는 방법 (오려내기, 합성, 자르기, 보정하기, 브러쉬툴) 안녕하세요~ 오늘은 포토샵에서 사용하는 기본 도구를 이용해서 어떻게 사용할 수 있는지에 대한 방법에 대해서 적어보려 합니다. 처음에 포토샵을 켰을 때 기본 옵션 도구들이 뜨는데요 그중에서도 오늘 사용하게 될 도구들 위주로 설명을 적어볼게요 ~ 위에 적힌 툴 그림들을 가지고 오늘 자르기, 합성하기, 개체 지우기, 사진 화면을 옮기기 등 하는 방법들을 차례로 남겨 볼게요 객체 합성 동영상 포토샵을 켜고 단축키 ctrl+O(열기) 원하는 파일을 가져옵니다. 자석 올가미 툴을 이용해서 강아지 이미지를 뜹니다. 단축키 Ctrl+J( 복사) 합니다. 그러면 예쁘게 올가미 자동 툴로 딴 강아지 그림만 쏙 나오게 됩니다. 강아지 그림을 옮겨서 다른 사진에 파일에 객체를 붙이는 방식의 사진 합치기를 할 수 있어요. 이미.. 2023. 2. 3. 포토샵 어두운 작업 화면을 밝게 설정하는 방법과 이미지크기조절하기 포토샵 어두운 화면 밝게 설정하기 포토샵을 처음 배우게 되면~ 포토샵을 먼저 깔아야 하잖아요~ 깔고 나서도 포토샵을 사용할 때 쓰는 도구들을 설정해 놓아야 작업속도도 올라가고 금방 작업을 처리할 수 있는데요 그럴 때 제일 먼저 하는 설정 방법이기도 합니다. 포토샵을 실행했을 때 제일 먼저 뜨는 화면은 어두운 화면으로 뜨게 되는데요~ 일을 할 때 밝은 화면보다는 어두운 화면이 사용자 눈에는 안정적이고 일할 때 집중도 잘된다고 해서 포토샵을 실행되었을 때 기본 화면 색깔이 검정으로 뜨게 됩니다. 하지만~ 사람마다 취향이라는 게 있으니깐요 저는 어두운 화면보다는 밝은 화면에서 일하는걸 더 편해하고 집중력이 올라가더라고요~ 화면의 밝기를 설정하는 방법에 대해서 남겨볼게요~ 포토샵을 먼저 실행합니다. 포토샵 상단.. 2023. 2. 2. 포토샵 한글 CC 2022 PNG 만들기와 JPG 사진 저장 방법 포토샵 한글 CC 2022 저장 방법 오늘은 제가 블로그를 쓰면서 포토샵을 활용해서 작업할 사진들이 많이 있더라고요 간단하게 사진을 가져와 자르고 저장하거나 테두리를 치고 텍스트를 기입하는 너무나 간단하지만... 포토샵이 엄청 업그레이드가 되어서 예전에 알던 방식으로 하면 사진을 불러오고 저장하고 붙여 넣고 합치고 하기가 너무 어려운 느낌이 들더라고요 그래서 기초부터 다시 공부하는 느낌으로 저장하는 방법에 대해서 남기려고 합니다. 파일 새로 만들기 첫 번째 포토샵을 실행합니다. 파일에 들어가면 새로 만들기 또는 열기를 해서 파일을 불러올 수가 있어요 단축키 : 새로 만들기 ctrl+N 오픈(열기) ctrl+O 파일 크기 지정 새로 만들기를 불러오면 사용자 정의 파일의 크기를 정할 수 있어요 저는 대부분 .. 2023. 2. 1. 프리미어 프로 자동자막 Transcribe sequence 프리미어 프로에서 자동자막 기능을 사용해 보고 결과를 한번 테스트 해 보았습니다. 과연 얼마나 잘 받아 쓰는지 보시죠. 일단 사용 방법은 동영상을 보시면 텍스트 창의 대본 화면으로 들어가시면 만들기(Create transcrpiton) 언어 탭의 한국어를 선택하고 받아쓰기(Transcribe)를 실행하시면 됩니다 짧은 동영상 파일을 만들어 자동자막을 만들었으므로 시간이 오래 걸리진 않았고 시퀀스를 플레이하면 해당 자막에 포커스가 되어 수정할 부분이 있으면 수정해 주시고 캡션창으로 가셔서 받아쓰기에서 캡션 만들기( Create captons from transcription) 명령을 실행하시면 동영상에 자막이 입혀집니다. 자동자막의 수준은 기대한 거에 비해서는 실망감이 있지만 장점으로는 적당한 위치에 자막.. 2022. 12. 29. 프리미어 파일 가져오기 실패, 오류, '파일의 압축 유형이 지원되지 않습니다' 해결 방법 프리미어 프로 2023에서 파일의 압축 유형이 지원되지 않는 오류에 대해 적어 보았습니다 결국엔 곰인코더로 해결을 보았다. 동영상 편집 툴로써 당연히 모든 동영상 파일을 읽을 수 있을 줄 알았습니다 하지만 못 읽는 파일들도 있네요 동영상 플레이어에선 잘 작동 하는데 편집툴에서 작동을 안 하니 좀 이상하네요 그래서 Media Encoder 2023 에서도 돌려보았으나 결과는 아래 그림과 같이 미디어 인코더22로도 돌려보고 23으로도 돌려보았으나 이 또한 '압축 유형이 지원되지 않습니다'라는 메시지를 돌려주는군요 간단하게 샤나 인코더로도 돌려 보았으나 성공을 보진 못했습니다 인코딩은 되나 프리미어 프로에서 돌려보면 같은 오류 메시지가 나오네요 샤나 인코딩은 먼가 설정이 복잡한 거 같은데 설정을 잘 못해 주어.. 2022. 12. 28. 깜짝놀람!! ALSee 에서 OneDrive - Personal을(를) 다운로드하는 중 해킹 아닙니다. 자연적인 현상인데 순간 깜짝 놀랐네요 인터넷에 보면 수많은 악성코드나 바이러스 관련된 내용들을 많이 접하게 된다 하지만 정작 그런 글들은 호기심을 자극하기 마련이다. 게다가 누군가 내 컴퓨터를 노리고 있다는 공포감도 느끼게 된다 그래서인지 누군가 내 파일을 다운로드하고 있다고 하니 순간적으로 깜짝 놀랐다 알씨가 왜 내 파일을 다운로드 하나 내용은 이랬다 저는 OneDrive를 정말 유용하게 사용하고 있는데 핸드폰과 동기화 시켜 사진이 바로 클라우드에 저장되고 저장된 파일들이 내 컴퓨터로 자동으로 들어 오는줄 알았다 하지만 파일 전부를 다운로드하는 것이 비효율적이라고 생각했는지 필요할 때만 불러온다는 것이다 위의 사진에서 보는 바와 같이 폴더명 앞에 아이콘 모양이 다르다 체크 표시가 된 건.. 2022. 12. 23. 안드로이드 스튜디오 구조 변수 확인 단축키 Firebase Flutter를 공부하던 중 firebase auth에 유저 정보를 어떤 것을 주는지 궁금해서 api를 찾아 보았으나 모 정확한 리턴 값을 보여주는 게 없어 보여 클래스를 열어 보기로 했다 샘플에 보면 DocumentSnapshot 이런 클래스로 유저 정보를 가져오는데 User(id: userDoc.id 이런 식으로 받아서 쓰는 것으로 보아 관련 클래스에 변수들이 설정되어 있을 것이라 생각하고 여러 보았다 열어 보니 요렇게 길게 간단하게 변수나 구조등이 어떻게 되어 있나 보고 싶어 단축키를 찾다 보니 structure라는 것이 보였고 왼쪽 탭에도 스트럭쳐 가 있고 단축키로는 ctrl+f12 하면 요약돼서 나온다 hierarchy를 이용해서 봐도 되고 구조가 궁금하면 계층구조로 보면 될 거.. 2022. 10. 2. 윈도우10 aorus 570 wol 안될때 오래전부터 집에 꺼져 있는 컴퓨터를 키고 원격으로 접속해서 필요한 작업을 하고 싶었는데 매번 wol이 제대로 작동이 되지 않았다 그래서 오늘은 맘 크게 먹고 무조건 성공하기로 했다 우선 기본적으로 랜 고급설정에서 wake on 관련된거 on 해주고 https://downloadcenter.intel.com/ko/product/64403 드라이버 설치 후 프로그램 실행 해서 전원 끄기 상태의 wake on 매직 패킷 도 활성화 해주고 이것은 처음이라 이거 설정하고 나면 될줄 알았다 하지만 되지 않았다 집에 컴터가 두대라 기본적인 위의 설정들은 다 실행해 주었다 그래도 안됐다 그러다 하나더 찾아 냈는데 전원 단추 설정에 답이 있었다 전원 설정에 들어가면 전원 단추 정의 하는 메뉴가 있는데 아래탭의 종료 설정.. 2021. 9. 4. IntelliJ DataGrip 젯브레인사의 데이터 ide 데이터 그립 사용 중에 javax.net.ssl.SSLHandshakeException: No appropriate protocol (protocol is disabled or cipher suites are inappropriate) The following required algorithms might be disabled: SSLv3, TLSv1, TLSv1.1, RC4, DES, MD5withRSA, DH keySize 2021. 8. 23. 이전 1 2 3 다음
