목록분류 전체보기 (90)

해나아부지 개발일지

#1 We need to streamline our operations

"We need to streamline our operations to improve efficiency and reduce costs." **Dialog Mark: Hey Sarah, have you seen the latest financial report? Sarah: Yes, I have. It seems like our expenses are higher than expected. Mark: Exactly. That's why I think we need to streamline our operations. Sarah: I agree. We could look into automating some processes to cut down on manual work. Mark: That's a g..
Be/Langugage 2024. 4. 8. 16:18
#0 Can I have/get ~

Here are 10 examples including "Can I have/get ~": 1. Can I have a glass of water, please? 2. Can I get the bill, please? 3. Can I have your attention for a moment? 4. Can I get a refill on my coffee, please? 5. Can I have some more information about the product? 6. Can I get your opinion on this matter? 7. Can I have a piece of cake, please? 8. Can I get a ticket for tonight's show? 9. Can I ha..
Be/Langugage 2024. 4. 5. 10:43
Docker 자주쓰는 명령어 모음

# 버전 체크 docker -v or docker --version # 이미지 리스트 docker images # 스테이터스 체크 docker ps # 빌드 docker build -t [name] . # 실행 docker run -dp 3000:3000 [name or id] # 태깅 SOURCE_IMAGE[:TAG] TARGET_IMAGE[:TAG] docker tag [source:latest] [target:1.0] # 도커 허브 업로드 docker push jimyeongsong/image:1.0 ※ docker hub 업로드 시 이미지 이름에 계정명을 넣어줘야 push가 되기 때문에 이미지 태깅을 할 때 이미지명에 '계정명/이미지이름:태그' 식으로 target image 를 변경해준다. * a..
Cloud/Docker 2023. 3. 28. 14:15
Docker로 NextJS 앱 배포하기

docker build 시 Image size가 GB 단위로 올라가고, m1 맥북에서 build 시 ubuntu에서 호환이 안되기 때문에 추가 옵션을 줘야하는 등 약간의 이슈가 있어서 git 코드 공유로 ubuntu server 자체에서 build하는 식으로 해서 사용중이다. 1. Docker 설치 (local & server) - local : 공식 홈페이지에서 본인의 운영체제에 맞는 Docker 설치 - server(ec2 ubuntu 22.04): 공식 홈페이지 install docker on ubuntu 만 따라하면 끝! 1. Dockerfile 생성 - code editor에서 app 최상단 폴더에 Dockerfile 생성 혹은 터미널 touch Dockerfile FROM node:18-alp..
Cloud/Docker 2023. 3. 23. 18:27
display: flex 가 렌더링에 미치는 영향에 대해

display: flex는 레이아웃을 구성하기 위한 유용한 CSS 속성 중 하나입니다. 그러나 많은 flex 속성을 사용하는 것은 렌더링 속도에 영향을 미칠 수 있습니다. display: flex를 사용하면 브라우저는 레이아웃을 계산하기 위해 추가 작업을 수행해야 합니다. 이 작업은 브라우저의 처리 속도와 요소의 수 및 복잡도에 따라 렌더링 속도에 영향을 미칩니다. 따라서, display: flex는 꼭 필요할 때만 사용하는 것이 좋다는 말씀. 렌더링 속도를 향상시키기 위해 flex 속성 대신에 grid 레이아웃 등 다른 CSS 속성을 사용하는 것이 좋다.
Developers/HTML&CSS 2023. 3. 16. 15:37
리소스 우선순위를 제어하는 link 태그의 설정값

rel 속성: 리소스의 관계를 지정하는 속성입니다. 우선순위를 제어하기 위해서는 rel 속성 값으로 preload를 사용해야 합니다. as 속성: 가져올 리소스의 유형을 지정하는 속성입니다. 가능한 값으로는 image, style, script, font, document, audio, video, fetch 등이 있습니다. 이 중 fetch를 사용하면 특정 URL을 가져와서 캐시에 저장할 수 있습니다. type 속성: 가져올 리소스의 MIME 유형을 지정하는 속성입니다. 예를 들어, type="text/css"는 CSS 파일을 가져올 때 사용합니다. media 속성: 리소스를 가져오는 미디어 유형을 지정하는 속성입니다. 예를 들어, media="print"를 사용하면 인쇄할 때 사용하는 스타일 시트를 ..
Developers/Coding Question 2023. 3. 14. 10:07
Prev 1 2 3 4 ··· 15 Next